我已经实现了Content Slider,并进行了一些样式更改。

http://jsfiddle.net/NinjaSk8ter/5tXgQ/

我还添加了一个附加的Thumb Pic(右侧第7个)和Main Pic。

由于某些原因,滑块会跳过此缩略图,这是为什么呢?

最佳答案

您的计数似乎有问题。尝试以下

// ... *snip*
    theInt = setInterval(function() {
        $crosslink.removeClass("active-thumb");
        $navthumb.eq(curclicked).parent().addClass("active-thumb");
        $(".stripNav ul li a").eq(curclicked).trigger('click');
        curclicked++;
        if( 7 == curclicked )
            curclicked = 0;

    }, 3000);
};
// *snip* ...


请注意,我更改了if(6 == curclicked)行,如果单击的拇指数超过了缩略图的数量(即查看是7而不是6),它将重置为零,而不仅仅是将它们相等。

关于css - 内容滑块和最后一张图片的CSS样式问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6526756/

10-11 22:05