【问题标题】：Make JQuery Cycle Plugin automatically play once through and stop at end of slideshow使 JQuery Cycle Plugin 自动播放一次并在幻灯片结束时停止
【发布时间】：2012-10-03 15:57:06
【问题描述】：

如何让 Cycle 插件自动播放一遍，然后在幻灯片结束时停止？此外，我希望有一个暂停/播放导航按钮淡入淡出，用户可以使用它再次重新启动它。

这可能吗？

编辑 1

这是我尝试过的，但幻灯片仍在继续...

$(document).ready(function() {
    $('#gallery').cycle({
        fx: 'fade',
        timeout: 3000, 
        speed: 500,
        autostop: 0,
        end: function(options) {  
               $('#gallery').cycle('stop');
                }
    });
});

编辑 2

我现在的幻灯片在最后一张幻灯片上成功结束，但是我相信使用这些特定参数可能会导致插件可用的播放/暂停切换功能出现问题...

实际情况是，暂停/播放按钮确实起作用，但是一旦幻灯片完全结束，它就不再做任何事情并且不允许幻灯片重新开始。

这是我目前编写的脚本：

$(document).ready(function() {
    $('#gallery').cycle({
        fx: 'fade',
        timeout: 3000, 
        speed: 500,
        autostop: 1 // Stop slideshow at end
    });

    $('a#pause_resume_button').click(function() { 
        $('#gallery').cycle('toggle'); 
    });
});

【问题讨论】：

标签： jquery slideshow jquery-cycle

【解决方案1】：

有一个结束选项。

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

将此与 stop 配对，您就可以排序了。

如果您知道幻灯片的数量，那么您也可以使用 autoStop。

编辑：

$('#scroller').cycle({
        fx: 'fade',
        timeout: 3000, 
        speed: 500,
        autostop: 1,
        end: function(options) {  
          $('#gallery').cycle('stop');
          alert('finished');
        }
    });

http://jsbin.com/icohen/1/

编辑 2：

http://jsbin.com/icohen/2/edit

【讨论】：

一个主要的警告是幻灯片的数量总是在变化......如果没有指定的幻灯片数量就没有办法声明吗？
在end属性中加入一个调用stop的函数。
与autostop，我是否需要将其设置为默认值，即。 “0”？ ...我用一个例子更新了我原来的问题。
您不需要自动停止和结束。要么会做。移除自动停止
嗯..我认为 Cycle 插件需要 autostop 才能使用 end，不是吗？

【解决方案2】：

尝试在您的代码中设置此属性

autostop: 0, // true to end slideshow after X transitions (where X == slide count)

调用它来恢复你的幻灯片放映

$('#slideshow').cycle('resume');

【讨论】：