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

Я новичок в 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 в функцию щелчка, которая не работает. Спасибо за любую помощь.


jquery jquery-cycle
person joolz84    schedule 13.03.2011    source источник

Ответы (3)


arrow_upward
2
arrow_downward

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

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

next: ".slideShow",
person Brandon    schedule 13.03.2011

arrow_upward
0
arrow_downward

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

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

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

$('.slideShow').click(function() {
    $('.slideShow').cycle('resume');
});
person Thomas Menga    schedule 13.03.2011
comment
Думаю, я ошибаюсь. Я думал, ты хочешь нажать на слайд-шоу, чтобы оно запустилось. Это не заставит ваше слайд-шоу переходить к следующему слайду каждый раз, когда вы нажимаете на него. - person Thomas Menga; 13.03.2011

arrow_upward
0
arrow_downward

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

person no.good.at.coding    schedule 13.03.2011