jCarouselLite：暂停滚动时滚动

Question

我使用jCarouselLite并且everythig工作正常。 但是，当我将鼠标悬停在旋转木马上时，我希望自动滚动暂停。

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提供实时演示。当您将鼠标悬停在旋转木马上时，水平滚动将暂停。在鼠标离开时，滚动将自动恢复。