JQuery设置间隔和点击功能的困境

Question

以下脚本每 5000 毫秒或单击时触发更改图像。

它使用 .next() 计算出自动超时时要单击的下一个缩略图。问题是，当用户单击缩略图时，自动功能会在 5000 毫秒后正确启动，但 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

看来我还留下了另一个优先于这个脚本的脚本。