jquery - jCarousel - 自動スクロールでホバー時に一時停止する方法は?

Question

JCarousel は最近変更されました (2011 年 1 月)。
以前は、自動スクロールでホバー時に一時停止を実装する方法がありました。

新しいバージョンでは、オートスクロールをホバー時に停止する方法を解決できません。
スクロールをマウスオーバーで停止し、マウスアウトで再開したいと思います。
助言がありますか？

コード例はこちら - http://testsite3.dk/jcarousel/
Jcarousel はこちら: github.com/jsor/jcarousel

ここにサムをロードするための JQuery + JavaScript へのリンク - http://testsite3.dk/jcarousel/autoscroll.txt

Answer 1

このコードを jcarousel initCallback(carousel) に追加します

 carousel.clip.hover(function() {
    carousel.stopAuto();
}, function() {
    carousel.startAuto();
}); 

Answer 2

前の例を機能させることができませんでした。しかし、私は最新のjcarouselで動作するように以下を取得しました。

$('.carousel').jcarouselAutoscroll(
{
    interval: 4000, 
    scroll: '+=1',
    create: $('.carousel').hover(function() 
    {
        $(this).jcarouselAutoscroll('stop');
    },
    function() 
    {
        $(this).jcarouselAutoscroll('start');
    });
});

Answer 3

create コールバックで独自のホバー イベントをバインドできます。

  .jcarouselAutoscroll({
    autostart: true,
    interval: 1000,
    scroll: '+=3',
    create: $('#thumbs').bind('mouseenter', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=0' );
            }).bind('mouseleave', function () {
                $(this).jcarouselAutoscroll('option', 'scroll', '+=3' );
            })

  });