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

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

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

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

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

    manualAdvance:true,

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

    beforeChange: function(){},

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


slider jquery nivo-slider
person Ben    schedule 31.05.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Кажется, это не реализовано в ядре плагина.

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

в 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();

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

person bob chelios    schedule 12.10.2011

arrow_upward
0
arrow_downward

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

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

person Daniel Box    schedule 04.02.2013