停止并启动jQuery幻灯片放映

我正在使用创建图像幻灯片。现在我想做的是，假设我在一个容器div中有10个图像，我想对其进行幻灯片放映，现在我想在单击按钮时停止该幻灯片放映，然后在单击开始按钮时重新启动它。我的代码是这样的

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

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

如果您转到，它将在页面底部解释如何手动调整停止/启动设置：

引用：

停止幻灯片放映

如果需要停止正在运行的幻灯片，可以将字符串“stop”传递给cycle方法

$（'幻灯片放映'）。循环（'停止'）

手动暂停幻灯片放映

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

$（'幻灯片放映'）。循环（'暂停'）

如果您仍然有问题，那么所有这些配置都可以在jquery.cycle.all.js（或缩小版本，以两者为准）底部附近编辑。因此，在代码下面：

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

在底部，您可以根据需要定制cycle插件。请密切注意配置中的以下内容：

    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