停止并启动jQuery SlideShow

时间:2012-01-31 14:08:58

标签: jquery cordova jquery-cycle

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

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

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

1 个答案:

答案 0 :(得分:1)

如果您转到Jquery Cycle Demo,它会在页面底部附近解释如何手动调整停止/启动设置:

<强>引用:

停止幻灯片放映

如果你需要停止正在运行的幻灯片,你可以传递字符串&#39;停止&#39;循环方法。

$(&#39;#幻灯片&#39)的周期。(&#39;停止&#39);

手动暂停幻灯片

如果你需要暂停/恢复正在运行的幻灯片,你可以传递字符串&#39;暂停&#39;或者&#39;恢复&#39;循环方法。

$(&#39;#幻灯片&#39)的周期。(&#39;暂停&#39);

如果您仍然遇到问题,所有这些配置都可以在您的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