0

我的轮播一次显示 2 个项目，总共有 6 个项目。

图片下方有一个编号选择器，但一次只突出显示一个。我如何突出显示（或向页面选择器添加类）到当前显示的 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 回答