Question

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

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

由于

// 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

Answer 1

我不仅仅是关于您的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');

添加循环到Jquery Slider

1 个答案: