2014-12-22 4 views
1

У меня есть два ползунка. Необходимо, чтобы они остановились в то же время, когда наведите указатель на некоторые из них. Мой код:anythingSlider onShowPause

$('.slider').anythingSlider({ 
       autoPlay   : true, 
       delay    : 1000, 
       autoPlayLocked  : true, 
       infiniteSlides  : false, 
       stopAtEnd   : false, 

       onShowUnpause : function(e, slider){ 
        $('.slider').each(function() { 
         $(this).data('AnythingSlider').startStop(); 
        }); 

       }, 

       onShowPause: function(e, slider){ 
        $('.slider').each(function() { 
         $(this).data('AnythingSlider').startStop(false); 
        }); 

       } 
      }); 

Но это не работает

+0

не уверены, что вы хотите. можете ли вы объяснить немного больше? –

+0

Я хочу синхронизировать два ползунка. Они скользят по автовоспроизведению. Но если наведите курсор на некоторые из них - нужно остановить оба (pauseOnHover: true). – user2948106

ответ

0

При использовании функции startStop(), она фактически полностью останавливает слайд-шоу, так что функция onShowUnpause никогда не будет огня. Попробуйте это вместо этого (demo):

$('.slider').anythingSlider({ 
    autoPlay: true, 
    delay: 1000, 
    resumeDelay : 1000, 
    autoPlayLocked: true, 
    infiniteSlides: false, 
    stopAtEnd: false, 
    onShowPause: function (e, slider) { 
     $('.slider').each(function() { 
      $(this).data('AnythingSlider').startStop(); 
     }); 
    } 
}).on('mouseleave', function() { 
    $('.slider').each(function(){ 
     $(this).data('AnythingSlider').startStop(true); 
    }); 
}); 

 Смежные вопросы

  • Нет связанных вопросов^_^