Как перезапустить цикл, который был остановлен?

Question

Вот мой случай: http://jsfiddle.net/ehTE5/

У меня есть два слайд-шоу на странице, slide1 и slide2. Когда страница загружена, слайд1 автоматически запускается. Что я хочу, так это когда я нажимаю на кнопку «slide2», слайд1 останавливается и запускается slide2. Затем, когда я снова нажимаю кнопку «слайд1» во время работы слайда2, я хочу, чтобы слайд2 останавливался, а слайд1 начинался заново с первого слайда, как это было, когда страница только что загрузилась.

Что я получаю сейчас, так это то, что после того, как я нажму «slide2», не будет проблем с остановкой slide1 и запуском slide2. Но когда я снова нажимаю кнопку «слайд1» во время воспроизведения слайда 2, он возвращается к слайду 1, но автоматически останавливает слайд-шоу на второй фотографии слайда слайда 2.

Кто-нибудь знает, что происходит?

Я не хочу использовать функцию паузы / возобновления из-за некоторых ограничений на сайте, над которым я работаю, кроме того, я хочу начать все сначала, не поднимая с того места, где он оставался.

Answer 1

если вы посмотрите на документацию здесь , вы увидите, что у вас есть следующие опции

'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, а затем повторно инициализировать его