Остановите и запустите jQuery SlideShow - PullRequest
Новая
       21

Остановите и запустите jQuery SlideShow

0 голосов
/ 31 января 2012

Я использую jQuery Cycle plugin для создания слайд-шоу изображений. Теперь я хочу, скажем, предположить, что у меня есть 10 изображений в контейнере div, для которого я хочу иметь слайд-шоу, теперь я хочу остановить это слайд-шоу одним нажатием кнопки и перезапустить его снова при нажатии кнопки запуска. Мой код выглядит так, 

$("#startbtn").click(function()
{
    $("#slideshow").cycle({fx: 'fade', timeout: 500});
});
$("#stopbtn").click(function()
{
    $("#slideshow").cycle('stop');
});

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

1 Ответ

1 голос
/ 31 января 2012

Если перейти к демонстрации Jquery Cycle , то в нижней части страницы объясняется, как вручную настроить параметры остановки / запуска:

Цитата:

Остановка слайд-шоу

Если вам нужно остановить запущенное слайд-шоу, вы можете передать строку 'stop' методу цикла.

$ ('#slideshow '). cycle (' stop ');

Ручная приостановка слайд-шоу

Если вам нужно приостановить / возобновить запущенное слайд-шоу, вы можете пропустить строку'пауза 'или' возобновление 'в методе цикла.

$ (' # слайд-шоу '). цикл (' пауза ');

Если у вас все еще возникают проблемы, все эти конфигурациидоступны для редактирования в вашем jquery.cycle.all.js (или в уменьшенной версии, в зависимости от того, что), внизу.Итак, под кодом: 

  // override these globally if you like (they are all optional)
  $.fn.cycle.defaults = {

внизу, вы можете настроить плагин цикла в соответствии со своими потребностями.Обратите особое внимание на это в конфигурации: 

    autostop: 0, // true to end slideshow after X transitions (where X == slide
    count)
    autostopCount: 0, // number of transitions (optionally used with autostop to 
    define
    X)
    manualTrump:   true,  // causes manual transition to stop an active transition 
    instead of being ignored
...