Question

以下是我的案例：http://jsfiddle.net/ehTE5/

我在页面上有两个幻灯片，slide1和slide2。加载页面后，slide1会自动启动。我想要的是当我点击“slide2”按钮时，slide1将停止并且slide2启动。然后当我在slide2运行时再次单击“slide1”按钮时，我希望slide2停止并且slide1从第一张幻灯片重新开始，就像刚加载页面时一样。

我现在得到的是，一旦我点击“slide2”，slide1停止和slide2启动就没有问题。但是当我在播放slide2时再次单击“slide1”按钮时，它会返回到slide1，但会自动停止幻灯片放映在slide2的第二张幻灯片上。

任何人都知道发生了什么事吗？

我不想使用暂停/恢复功能，因为我正在处理的网站受到一些限制，此外我想从一开始就从头开始，而不是从它离开的地方开始。

Answer 1

如果查看文档here，您会看到有以下选项

'pause'   // pauses the slideshow, slideshow can be resumed with 'resume' command 
'resume'  // resumes a paused slideshow 
'toggle'  // toggles the pause/resume state of the slideshow 
'next'    // advances slideshow to next slide 
'prev'    // advances slideshow to previous slide 
'stop'    // stops the slideshow 
'destroy' // stops the slideshow and unbinds all events

所以要阻止你做$("slider").cycle('pause')并重新开始，你会做$("slider").cycle('resume')

如果您需要重新启动它，您可能需要destroy然后重新初始化它

如何重新启动已停止的循环？

1 个答案: