我已经实现了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/