0

カルーセルには一度に 2 つのアイテムが表示され、合計で 6 つのアイテムがあります。

画像の下に番号付きのセレクターがありますが、一度に 1 つだけ強調表示されます..現在表示されている 2 つの画像を強調表示する (またはページ セレクターにクラスを追加する)にはどうすればよいですか..つまり、画像 4 と 5 を表示している場合の場合、1 2 3 "4 5" 6 - 4 & 5 にはクラスが追加されます。

<div id="slider-code">
<a href="#" class="buttons prev">left</a>
<div class="viewport">
    <ul class="overview">
        <li><img src="images/picture7.jpg"></li>
        <li><img src="images/picture5.jpg"></li>
        <li><img src="images/picture6.jpg"></li>
        <li><img src="images/picture4.jpg"></li>
        <li><img src="images/picture3.jpg"></li>
        <li><img src="images/picture2.jpg"></li>                            
    </ul>
</div>
<a href="#" class="buttons next">right</a>
    <ul class="pager">
        <li><a rel="0" class="pagenum" href="#">1</a></li>
        <li><a rel="1" class="pagenum" href="#">2</a></li>
        <li><a rel="2" class="pagenum" href="#">3</a></li>
        <li><a rel="3" class="pagenum" href="#">4</a></li>
        <li><a rel="4" class="pagenum" href="#">5</a></li>
        <li><a rel="5" class="pagenum" href="#">6</a></li>
    </ul>
</div>

プラグイン (小さなカルーセル) にはいくつかの単純なオプションしかないため、JS は含めませんでした。

ありがとう

4

1 に答える 1

0

うーん...何をしようとしているのかわかりませんが、私が考えたことは次のとおりです。

$('a').click( function(){
    $('a').removeClass('active');
    $(this).addClass('active').next('a').addClass('active');
});

これにより、クリックされたアイテムと次のアイテムがアクティブになります。

于 2013-02-20T22:54:39.953 に答える