Jquery Cycle Plugin - Как приостановить слайд-шоу при нажатии на пейджинговую ссылку

Question

Я использую плагин цикла Jquery для создания слайд-шоу объявлений.Я хотел бы приостановить показ слайдов, когда пользователь нажимает на одну из ссылок на пейджер.Я попытался использовать функцию pagerClick и прикрепить функцию pause к событию onclick для ссылок на пейджер, но ни одна из них не сработала.Вы можете помочь?

$('#highlights')
.after('<div id="pager">')
.cycle({
    fx: 'fade',
    timeout: 4000,
    pager: '#pager',
    pagerEvent:'mouseover',
    activePagerClass: 'active',
    pause: 1,
    pauseOnPagerHover: 1,
    pagerClick:function() {$('#highlights').cycle('pause')}
});

Answer 1

Из демоверсии пауза / возобновление вы должны сделать:

$('#pager a').click(function() { 
    $('#highlights').cycle('pause'); 
});

Это должно привязать к ссылкам в вашем пейджере.

$('#highlights')
.after('<div id="pager">')
.cycle({
    fx: 'fade',
    timeout: 4000,
    pager: '#pager',
    pagerEvent:'mouseover',
    activePagerClass: 'active',
    pause: 1,
    pauseOnPagerHover: 1
});

$('#pager a').click(function() { 
    $('#highlights').cycle('toggle'); 
});

Answer 2

Использование команды паузы работало для меня со следующим кодом:

jQuery(document).ready(function($) {

    $('#highlights').cycle({ 
        fx:     'fade', 
        speed:  'slow', 
        timeout: 4000, 
        pager:  '#pager', 
        pagerAnchorBuilder: function(idx, slide) { 
            return '#controls a:eq(' + idx + ')'; 
        } 
    });

    $('#pager a').click(function() { 
        $('#highlights').cycle('pause'); 
    });

});

Answer 3

Попробуйте установить pauseOnPagerHover в 0 ... Когда вы устанавливаете это значение в 1, оно останавливается при наведении курсора на пейджер, но также включает функцию для воспроизведения при наведении мыши. Поэтому ваша функция onclick приостанавливает уже приостановленное шоу, а затем, когда ваш курсор покидает пейджер, функция mouseout заставляет его снова играть в любом случае.

Я бы предположил, что 'toggle' может работать, потому что, может быть, цикл использует toggle для воспроизведения и паузы в функции pauseOnPagerHover? Затем вы делаете паузу при наведении курсора, играете по щелчку, снова пауза при щелчке мышью.

Answer 4

Возможно, метод .stop()?

http://api.jquery.com/stop/