jQuery click() 函数创建圆形轮播

Question

以下代码触发图像库。

$('#coursepanel .thumbstrip img:first').click();

我想要 5000 毫秒的超时，然后触发下一个元素，然后再过 5000 毫秒后触发下一个元素，等等...等等...然后，如果该元素是集合中的最后一个元素，则再次触发第一个元素。

Answer 1

我建议查看 jQuery Cycle 插件来实现此类功能。它将为您提供您正在寻找的功能，而无需您亲自编程。

http://jquery.malsup.com/cycle/

控制效果速度的参数是“超时”和“速度”。您可以在选项页面上查看所有选项： http://jquery.malsup.com/cycle /options.html。

Answer 2

有点混乱。我们追求的不是 JQuery 库，也不是插件。只是一个会在元素之间移动的无限循环。脑部接缝现在需要修复。

function gslide(slide) {

    $(slide).click();
    setTimeout(function(){

        if($(slide).attr('id') == $('#coursepanel .thumbstrip img:last').attr('id'))
        {
            gslide($('#coursepanel .thumbstrip img:first'));
        }
        else {
        gslide($(slide).next());
        }
    },3000);
}


gslide($('#coursepanel .thumbstrip img:first'));