Question

我正在使用jquery.cycle（）而没有问题＆gt;

然而，我的老板要我循环滑动两次，然后停在第一张幻灯片上。

我可以看到autostop可以循环一次。但是如何指定幻灯片循环两次？

可以吗？

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

添加到Little Big Bot，

您可以根据所需的逻辑

检查'after'事件来暂停循环

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

Answer 3

要解释以前的答案，在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
});

如何循环jquery.cycle（）幻灯片两次

3 个答案: