Question

我的旋转木马一次显示2个项目，总共有6个项目。

在图像下面有一个带编号的选择器，但它一次只能突出显示一个..如何突出显示（或向页面选择器添加类）到当前显示的2个图像..即如果我正在查看图片4和5，然后是1 2 3“4 5”6 - 4＆amp; 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，因为插件（微小的轮播）只有几个简单的选项。

由于

Answer 1

嗯......不确定你要做什么，但这就是我的想法：

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

这应该激活点击的项目和下一个项目。

微小的轮播将类添加到可见的项目分页

1 个答案: