JQuery设置间隔和点击功能进退两难

Question

下面的脚本触发每5000ms或点击一次更改一个图像。

当自动超时时，使用.next()计算出下一个要点击的缩略图。问题是，当用户单击缩略图时，自动功能在5000ms后正确启动，但是next()没有根据用户单击更新，并且显示的图像不是下一个图像，而是如果用户没有单击下一个图像应该是什么。

var slideShowTO;
     $('#coursepanel .thumbstrip img').click(function(){
         $('#coursepanel .thumbstrip img').removeClass('active')
         $(this).addClass('active');
         var img = '#P' + $(this).attr('id');
         $('#coursepanel .gallery .feature img').removeClass('focus');
         $(img).addClass('focus');
          window.clearInterval(slideShowTO);
            slideShowTO = window.setInterval(function(){
        if($(this).attr('id') == $('#coursepanel .thumbstrip img:last').attr('id'))
        {
            $('#coursepanel .thumbstrip img:first').click();
        }
        else {
        $(this).next().click();
        }
    },5000);

任何想法?

的

我以前问过这个问题，但由于某种原因，以前的答案不与我们现在拥有的非常相似的脚本一起工作。

Answer 1

似乎我还留下了另一个脚本，它优先于这个脚本。