内容滑块和上一张图片的CSS样式问题

Question

我已经实现了一个内容滑块并进行了一些样式更改。

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

我还添加了一个额外的Thumb Pic（右侧第7个）和Main Pic。

出于某种原因，Slider会跳过这个Thumb Pic-为什么会这样？

Answer 1

似乎这是你的计数问题。请尝试以下

// ... *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* ...

请注意，如果点击的拇指数超过缩略图的数量（即查看是否为7而不是6），我已将更改为if(6 == curclicked)的行重置为零只是等于他们。

Answer 2

你有七张图片，但要告诉它在前六张图片后跳转到第一张图片。

curclicked++;
    if( 6 == curclicked )
        curclicked = 0;

将其更改为7而不是6，它将起作用。