停止并启动jQuery SlideShow

我使用jQuery Cycle plugin来创建图像幻灯片。现在我想要做的是，假设我在一个容器div中有10个图像，我想要幻灯片显示，现在我想停止单击按钮上的幻灯片并在开始按钮单击时重新启动它。我的代码是这样的，停止并启动jQuery SlideShow

$("#startbtn").click(function() 
{ 
    $("#slideshow").cycle({fx: 'fade', timeout: 500}); 
}); 
$("#stopbtn").click(function() 
{ 
    $("#slideshow").cycle('stop'); 
});

我点击停止按钮停止幻灯片放映。现在，当我想再次开始我的幻灯片演示时，我按下了开始按钮，现在有趣的是幻灯片演示开始，但只有第一张幻灯片，而第一个容器div的元素会经历过渡并且幻灯片自动停止任何错误。

来源

2012-01-31 wOlVeRiNe

JSFiddle可以在这里帮助... – gdoron 2012-01-31 14:10:46

如果你去它解释靠近页面底部的Jquery Cycle Demo如何手动调整您的停止/启动设置：

报价：

停止幻灯片

如果您需要停止运行幻灯片，您可以将字符串“stop”传递给循环方法。（'＃slideshow'）。cycle（'stop'）;

手动暂停幻灯片

如果您需要暂停/恢复运行的幻灯片演示，你可以把这个字符串“暂停”或“简历”的循环方法。（'＃slideshow'）。cycle（'pause'）;

如果仍有问题，那么所有这些配置都可以在jquery.cycle.all.js（或缩小版本，无论哪个）附近进行编辑。所以下面的代码：

// override these globally if you like (they are all optional) 
    $.fn.cycle.defaults = {

在底部，你可以定制循环插件，以满足您的需求。在配置中密切关注这些内容：

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) 
    manualTrump: true, // causes manual transition to stop an active transition 
    instead of being ignored

来源

2012-01-31 17:15:25

停止并启动jQuery SlideShow

回答

相关问题