Как остановить вращение слайдера при событии onclick в плагине Jquery Cycle?

Question

Я работаю с плагином JQuery цикла, и мой слайдер содержит встроенное видео. Теперь мне нужно поведение плагина, чтобы, когда пользователь нажимает на слайд видео, слайдер останавливался и воспроизводил видео. В настоящее время видео начинает воспроизводиться, но исчезает, когда слайдер снова начинает вращаться. Вот мой код:

$('.slideshow').cycle({
    fx:     'scrollHorz',
    timeout: 7000,
    next: '#nextVideo',
    prev: '#prevVideo',
    pause:  1

});

В настоящее время он останавливается при зависании. Но я хочу, чтобы он был остановлен после щелчка.

Кто-то предложил это решение:

$('.slideshow').click(function(){
   $(this).cycle('id').cycle('pause');
});

При таком решении проблема заключается в том, что он останавливает слайдер и воспроизводит видео, но кнопки слайдера вперед / назад также перестают работать.

Поэтому я ищу правильное решение. Кто-нибудь может помочь?

Заранее спасибо!

Answer 1

Вам просто нужно добавить это в событие клика

$('id').cycle('pause'); /*Stop the Cycle plugin*/

Это правильный способ сделать это

$('.slideshow').click(function(){
  $('id').cycle('pause');
});