0

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>

ありがとう

4

1 に答える 1

-1

jQuery.mouseover()次のように、関数をjCarouselLiteオブジェクトのインスタンス化にチェーンできます。

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

このフィドルで利用可能なライブデモ。カルーセルの上にマウスを置くと、水平スクロールが一時停止します。マウスを離すと、スクロールが自動的に再開されます。

于 2014-11-09T01:21:35.150 に答える