将循环添加到 Jquery 滑块

Add looping to Jquery Slider

本文关键字：Jquery 滑块 添加 循环      更新时间：2023-09-26

我有这段代码，它会自动播放我的滑块，在最后一张幻灯片上它是如何停止的。如何让它在上一张幻灯片之后从头开始。谢谢

我有一个滑块，它使用以下按钮进行导航。我将如何为此添加自动播放功能 - 设置超时功能？

谢谢

// Next Clicked jQuery('.ajax-next').click(function(){
        if ( jQuery(".ajax-portfolio-window").is(':animated') || jQuery(".ajax-portfolio-image-wrap").is(':animated') ) return;
        var total = jQuery('.portfolio-ajax').length;
        var index = jQuery('.ajax-gallery-navigation').attr("id");
        currindex=parseInt(index);
        nextIndex=currindex+1;
        if (nextIndex!=total) {
            jQuery('.portfolio-ajax').eq(nextIndex).trigger('click');
        }
        return false;

    });

    // Clicked Prev 
    jQuery('.ajax-prev').click(function(){
        if ( jQuery(".ajax-portfolio-window").is(':animated') || jQuery(".ajax-portfolio-image-wrap").is(':animated') ) return;
        var index = jQuery('.ajax-gallery-navigation').attr("id");
        if (index=='-1') { index='0'; }
        currindex=parseInt(index);
        prevIndex=currindex-1;
        if (prevIndex!=-1) {
            jQuery('.portfolio-ajax').eq(prevIndex).trigger('click');
        }
        return false;
    }); 
}
// Autoplay
setInterval(function(){
        // do you stuff here. for example
        jQuery('.ajax-next').click();
            }, 10000); // 10 sec interval

我不关心你的html标记，但你可以简化你的代码next（）和prev（）。

无论如何，在您的情况下，要循环滑块，如果您达到总数，则需要将索引设置为 0。所以：

    if (nextIndex!=total) {
        jQuery('.portfolio-ajax').eq(nextIndex).trigger('click');
    }

应改为：

    if (nextIndex == total - 1) {
        nextIndex = 0
    }
    jQuery('.portfolio-ajax').eq(nextIndex).trigger('click');
相关文章：