jCarouselLite: Пауза Прокрутка по ходу

Question

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

jCarouselLite DOCO говорит, что я могу использовать это:

$('div.carousel').trigger('pauseCarousel') 

Но я много о JQuery не понимаю. Как можно реализовать эту функцию паузы в следующем коде ?:

<script> 
jQuery(function() { 
    jQuery(".carousel").jCarouselLite({ 
     auto: 3000, 
     speed: 1000, 
     visible: 1, 
     circular: true, 
     autoWidth: true, 
     responsive: true, 
     vertical: true 
    }); 
}); 
</script> 

Благодарность

Answer 1

возможность увязывать jQuery.mouseover() функции вашего jCarouselLite объекта конкретизации, как это:

$('div.carousel').jCarouselLite({ 
    btnNext: '.next', 
    btnPrev: '.prev', 
    auto: 3, 
    speed: 500 
}).mouseover(function(){ 
    $(this).trigger('pauseCarousel'); 
}); 

Живых демо доступны на это fiddle. Когда вы нажмете на карусель, горизонтальная прокрутка остановится. При уходе с мыши прокрутка возобновится автоматически.