jQuery click()函数创建循环轮播

时间:2011-09-05 16:14:29

标签: jquery carousel jquery-click-event

以下代码会触发图片库。

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

我希望超时为5000毫秒然后下一个元素被触发,然后再经过5000毫秒后触发,等等...然后如果元素是集合中的最后一个触发第一个试。

2 个答案:

答案 0 :(得分:2)

我建议查看jQuery Cycle插件以获得此类功能。它将为您提供您所寻找的功能,而无需亲自编程。

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

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

答案 1 :(得分:0)

轻微的混乱局面。我们不是在追求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'));