jquery - 如何循环两次 jquery.cycle() 幻灯片

Question

我正在使用 jquery.cycle() 没有问题>

但是，我的老板要我循环浏览幻灯片两次，然后在第一张幻灯片上停下来。

我可以看到自动停止可以循环一次。但是如何指定幻灯片循环播放两次呢？

可以做到吗？

Answer 1

使用autostopCount：http: //jquery.malsup.com/cycle/options.html

autostop:0,     // true to end slideshow after X transitions (where X == slide count) 
autostopCount: 0,     // number of transitions (optionally used with autostop to define X) 

另一种选择，如果这不能像我认为的那样工作：

$(document).ready(function(){
    var index = 1;
    var interval = setInterval(function(){
        $('#slideshow').cycle('next');
        index++;
        if(index == cycleLength*2) {
            clearInterval(interval);    
        }
    }, 1000);
});

你必须cycleLength自己提供。

Answer 2

为了解释以前的答案，在 X 转换后的第一张幻灯片上停止的实际代码http://jsfiddle.net/lucuma/LKUyg/：

var numberReptitions = 2;

$('#slideshow').cycle(
    {
        autostop:1,     // true to end slideshow after X transitions (where X == slide count) 
        autostopCount: ($('#slideshow').children().length*numberReptitions)+1
});​

Answer 3

添加到 Little Big Bot，

您可以通过根据所需逻辑检查“之后”事件来暂停循环

var numberOfImages = 3;var counter=0;
after: function(currSlideElement, nextSlideElement, options, forwardFlag)   {
    counter++;
    if(counter > numberOfImages*2) 
        $('#slideshow').cycle('pause');
}