停止和启动 jQuery 幻灯片答案

【问题标题】：Stop and start jQuery SlideShow停止和启动 jQuery 幻灯片
【发布时间】：2023-03-26 03:04:01
【问题描述】：

我正在使用jQuery Cycle plugin 创建图像幻灯片。现在我想要做的是，假设我在一个容器 div 中有 10 个图像，我想为其播放幻灯片，现在我想在单击按钮时停止该幻灯片，并在单击开始按钮时再次重新启动它。我的代码是这样的，

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

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

【问题讨论】：

标签： jquery cordova jquery-cycle

【解决方案1】：

如果您访问Jquery Cycle Demo，它会在页面底部附近解释如何手动调整停止/启动设置：

引用：

停止幻灯片放映

如果您需要停止正在运行的幻灯片，您可以将字符串 'stop' 传递给循环方法。

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

手动暂停幻灯片

如果您需要暂停/恢复正在运行的幻灯片，您可以将字符串 'pause' 或 'resume' 传递给循环方法。

$('#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

【讨论】：