Плагин JQuery Cycle: нажмите в любом месте на странице и цикл запускается

Question

Я нуб JQuery и столкнулся с небольшой проблемой, которую не могу решить.Я использую плагин JQuery Cycle.При предварительном просмотре страницы я могу щелкнуть в любом месте страницы, и слайд-шоу запускается.

Я бы хотел, чтобы слайд-шоу циклически повторялось только при нажатии на изображение или элемент div.

Мой код выглядит следующим образом:

$('.slideShow').cycle({ 
        fx:     'scrollUp', 
        speed:  300, 
        next:   this, 
        timeout: 0,
});

HTML-код выглядит следующим образом:

<div class="slideShow">
    <img src="images/img01.jpg"  />
    <img src="images/img02.jpg"  />
</div>

Я пытался обернуть JS в функцию щелчка, которая не работает.Спасибо за любую помощь.

Answer 1

Атрибут «next» должен быть селектором jquery, а не ссылкой на javascript.

Вы должны использовать селектор, например:

next: ".slideShow",

Answer 2

В документации укажите next - селектор для использования в качестве триггера.

Answer 3

Это просто хитрость, я не знаю, есть ли лучшее решение, но оно должно работать.

$('.slideShow').cycle({
    fx:     'scrollUp', 
    speed:  300, 
    next:   this, 
    timeout: 0,
});

$('.slideShow').cycle('pause');

$('.slideShow').click(function() {
    $('.slideShow').cycle('resume');
});