Плагин Jquery Cycle: как приостановить слайд-шоу при загрузке

Я хочу загрузить слайд-шоу Jquery Cycle и после загрузки сделать паузу, пока пользователь не нажмет кнопку «Воспроизвести». Я новичок в Jquery, поэтому не могли бы вы дать мне подробное объяснение и, возможно, пример кода. Вы можете посмотреть мое слайд-шоу на www.sessomsphotographics.com

Спасибо


plugins jquery cycle
person Jimmy Dean    schedule 04.12.2009    source источник

Ответы (4)


arrow_upward
2
arrow_downward

Вы можете отправить строку 'pause' плагину цикла, чтобы приостановить его, а затем отправить 'resume', чтобы возобновить его.

// start cycle with default options
$('#rotator').cycle();

// immediately pause it
$('#rotator').cycle('pause');

// when the play button is clicked, resume
$('#play-button').click(function (event) {
    event.preventDefault();
    $('#rotator').cycle('resume');
});
person bdukes    schedule 04.12.2009
comment
Спасибо, это сработало, но мне нужно дважды щелкнуть ссылку воспроизведения, чтобы запустить слайд-шоу, которое закодировано для переключения с воспроизведения на паузу. ниже код, который я пробовал. - person Jimmy Dean; 06.12.2009
comment
$(document).ready(function() { $('.slideshow').cycle({ fx: 'fade', время ожидания: 4000, скорость: 500, задержка: 0, pager: '#pager', предыдущая: ' #prev', next: '#next', pause: 1, fit: 1 }); $('#playControl').click(function () { $('#playControl').toggle( function() { $ ('.slideshow').cycle('пауза'); $(this).text('Play'); }), function() { $('.slideshow').cycle('resume'); $( this).text('Пауза'); } }); }); - person Jimmy Dean; 06.12.2009

arrow_upward
1
arrow_downward

Вы также можете настроить параметры цикла таким образом, чтобы он никогда не запускался в режиме автопродвижения. Загрузите копию jquery.cycle.all.2.72.js (или какой-либо вариант) и выполните поиск по запросу «$.fn.cycle.defaults = {». Установите «тайм-аут» (второй вариант) равным нулю.

person Taylor    schedule 07.06.2011

arrow_upward
1
arrow_downward

Это прекрасно работает, в итоге я использовал это:

// Cycle
$('ul#div_cycle').cycle({
    next:    '#next',
    prev:    '#prev', 
    fx:     'scrollHorz', 
    timeout: 2000, 
    delay:  -3500,
    pause: 1
});

// Pause cycle
$('ul#div_cycle').cycle('pause');
person Chris    schedule 29.08.2011

arrow_upward
0
arrow_downward

Вы можете отправить ему сообщение «пауза» о готовности:

$(document).ready(function() {                     
    $('.slideshow').cycle('pause'); 
    });
});
person superUntitled    schedule 04.12.2009
comment
Спасибо. Это также сработало. У меня все еще есть небольшая проблема. Смотрите мои комментарии выше. - person Jimmy Dean; 06.12.2009