1

如何让 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'); 
    });
});
4

2 回答 2

2

有一个结束选项。

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

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

如果您知道幻灯片的数量，那么您也可以使用 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

于 2012-10-01T18:04:28.860 回答
0

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

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

调用它以恢复您的幻灯片放映

$('#slideshow').cycle('resume');
于 2012-10-01T18:02:49.937 回答