Ищем функцию для синхронизации нескольких ниво-слайдеров - PullRequest
Новая
       22

Ищем функцию для синхронизации нескольких ниво-слайдеров

1 голос
/ 31 мая 2011

Моя первая публикация о переполнении стека, поэтому я надеюсь, что кто-нибудь сможет помочь мне с этой проблемой:

У меня есть 3 ниво-ползунка на странице, выровненных по горизонтали. Я хотел бы, чтобы они были синхронизированы, но чаще всего они не выходили из синхронизации через несколько секунд. Это тот случай, когда все ползунки инициализируются с этим кодом: 

    $(window).load(function() {
     $('#slider').nivoSlider({
      animSpeed:500,         
      pauseTime:3000,         
     });
    });

Однако я подумал, что могу установить один ползунок, как этот, и еще два с параметром: 

    manualAdvance:true,

и затем используйте: 

    beforeChange: function(){},

на первом слайдере для управления двумя другими - поддерживая их синхронизацию. Однако ... я не уверен, какую функцию использовать здесь, чтобы пересылать другие ползунки, и я смотрел ВЕЗДЕ, я очень ценю вашу помощь с этим, заранее спасибо!

Ответы [ 2 ]

1 голос
/ 12 октября 2011

Это, похоже, не реализовано в ядре плагина

но вы можете добавить его самостоятельно

в Nivo Slider v2.6 - несжатая версия в строке 633 чуть ниже объявления функций запуска и остановки 

// Start / Stop
this.stop = function(){
    if(!$(element).data('nivo:vars').stop){
        $(element).data('nivo:vars').stop = true;
        trace('Stop Slider');
    }
}

this.start = function(){
    if($(element).data('nivo:vars').stop){
        $(element).data('nivo:vars').stop = false;
        trace('Start Slider');
    }
}

Вы можете добавить следующую функцию 

//Manually run the slider
this.run = function() {
        nivoRun(slider, kids, settings, 'next');
}

после включения измененных .js и, возможно, сжатия их самостоятельно (http://javascriptcompressor.com/) вы можете использовать его как 

$('#slider').nivoSlider().data('nivoslider').run();

Поместите это в правильное событие, и вы должны сделать

0 голосов
/ 04 февраля 2013

Установка времени паузы и animSpeed ​​должна синхронизировать ваши слайдеры nivo, я бы подумал.

Вы говорите: «Чаще всего они перестают синхронизироваться через несколько секунд», возможно, у вас есть pauseOnHover: true, и вы непреднамеренно наводите курсор на них, и они выходят из синхронизации.Может быть, глупый вопрос, но это случилось со мной.

...