0

wordpress ロイヤル スライダー プラグインのスライダーの下にある各サムネイルの色を変更しようとしています。現時点では、それらはすべて同じ色です。

ここに私のHTMLマークアップがあります

<div class="rsTmb">
{{html}}
</div>

そして、これが私のスライドのそれぞれからのhtmlコードです

<a class="rsImg"  href="imageurl.png" data-        rsVideo="videorul">title goes here</a>
<div  class="rsTmb" style="background:#108FD2">title goes here</div>

タブごとに個別の色が表示されるように設定するのを手伝ってもらえますか

4

1 に答える 1

1

サムにクリックイベントを追加することでそれを行うことができます。私の例では、div に ID を指定し、それを色名として使用しました。必要に応じて、クラスを割り当てることで個別に行うことができます。

デモhttp://jsfiddle.net/kevinPHPkevin/76Kyz/

HTML

    <div id="red" class="rsNavItem rsThumb">
    <div id="blue" class="rsNavItem rsThumb">
    <div id="green" class="rsNavItem rsThumb">

jQuery

 $('.rsThumb').click(function(){
    $('.rsThumb').css('background', 'none');
    $(this).css('background', this.id);
 });
于 2013-09-12T20:45:20.633 に答える