2011-11-30 53 views
0

这是我的情况:http://jsfiddle.net/ehTE5/如何重新启动已停止的循环?

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

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

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

由于我正在处理的网站上有一些限制,我不想使用暂停/恢复功能,除了我想从一开始就从头开始没有拿起它离开的地方。

回答

0

,如果你看一下文档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它,然后重新初始化它

+0

谢谢曼努埃尔,一旦我摧毁它,我无法重新初始化它。所有的相关元素也被销毁。你知道如何编码吗? – Newcomer

+0

http://jsfiddle.net/HsYv3/这就是当我使用“摧毁”,而不是发生。您可以尝试单击“slide2”,然后“slide1”,然后再次单击“slide2”,它会自动停在第二张幻灯片照片上,就像我使用“停止”命令时的样子。 – Newcomer