Пауза Nivo Slider

Я хотел бы приостановить слайдер Nivo на 5 секунд, прежде чем он запустится, но показать первое изображение. Поэтому мне нужно добавить код в свойство afterLoad, я думаю.

Я пробовал setTimout перед запуском кода ползунка, если это не дает желаемого результата.

Это мой текущий код:

$(window).load(function(){
    $('#slider').nivoSlider({
        animSpeed: 500,
        pauseTime: 4000,
        effect : 'boxRain',
        directionNav : false,
        controlNav: false,
        afterLoad: function(){
            //$('#slider').data('nivoslider').stop();       
        }
    });
});

nivo-slider loaded
person PapaSmurf    schedule 15.11.2011    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Я не знаю вашего точного кода, но вы можете использовать .stop() на нем, и через 5 секунд вы снова запустите его. $('#slider').data('nivoslider').stop(); // Остановить слайдер $('#slider').data('nivoslider').delay(5000).start(); //Запуск слайдера

Исправление (потому что в этом случае задержка не сработала):

$(window).load(function(){
  $('#slider').nivoSlider({
   animSpeed: 500,
   pauseTime: 4000,
   effect : 'boxRain',
   directionNav : false,
   controlNav: false,
  });
  jQuery('#slider').data('nivoslider').stop();
  setTimeout("jQuery(#slider').data('nivoslider').start()",5000);
});
person Manticore    schedule 15.11.2011
comment
Firebug дает мне это $("#slider").data("nivoslider") is undefined - person PapaSmurf; 15.11.2011
comment
вы должны заменить #slider своим идентификатором слайдера (вы, вероятно, знали это) и попробовать выполнить его при загрузке окна. - person Manticore; 15.11.2011
comment
Уже делаю это =\ Я отредактирую вопрос, чтобы показать свой код. - person PapaSmurf; 15.11.2011
comment
Отлично, мне нужно только остановить, что-то сделать, а затем перезапустить, поэтому я использовал: jQuery('.nivoSlider').data('nivoslider').stop(); do-something... jQuery('.nivoSlider').data('nivoslider').start();. - person Francisco Corrales Morales; 22.09.2014