jqueryスライダーの各ステップにCSSを追加する方法は？

jqueryスライダの異なるステップに異なる背景色を追加したいと思います。私はそれをすることができる方法はありますか？私はこのようなスライダを構築しようとしています。subaru ここではフラッシュを使っています。私はjqueryで同じことをしようとしています。どんな助けもありがとう。私はjqueryの専門家ではない。jqueryスライダーの各ステップにCSSを追加する方法は？

出典

2011-02-25 ksun

これは、色の背景イメージをui-slider-horizontalクラスに設定することによって実行できます。

.ui-slider-horizontal 
{ 
    background-image: url('slider_bg.png') 50% 50% repeat-x; 
}

画像は、あなたのスライダーの同じ幅及び高さになり、水平iamgeなり、また、各スライドのセグメントの同量を有するように設計されます。

背景画像は、あなたがここにjQueryのサイトをチェックすることができます使用されている方法の例：http://jqueryui.com/demos/slider/#multiple-vertical

出典

2011-02-25 11:56:44 RobertPitt

スライダ幅がブラウザウィンドウの幅に応じて動的に変化します。各ステップにCSSを具体的に適用する方法はありますか？ – ksun

これはブラウザの表示に関係なくスライダが特定の幅になるので問題にはなりません.100％の場合は画像を100％に設定するだけです。 – RobertPitt

しかしここでは、スライダ全体に背景画像を与えています。私は各ステップに個別にアクセスするメソッドを必要とする 'ユーザーの入力に応じて変更する必要がある各ステップの色を変更する。私が参考にしたウェブページを見ると、ビデオ/写真/テキストを有効にするオプションが右下にあり、同じものがスライダに反映されます。これは、スライダの背景画像を切り替えることによって行うことができますが、より良い方法があります。あなたの助けに感謝、RobertPitt :) – ksun

jqueryスライダーの各ステップにCSSを追加する方法は？

答えて

関連する問題