0

jcarousel を使用して順序付けられていないリストをアニメーション化していますが、アイテム間をスムーズに移行するにはアニメーションが必要なので、animationオプションを非常に大きな整数に設定していますが、これはうまく機能しますが、いくつかのリンクの上にマウスを置いたときにスライド アニメーションを開始する必要がありますマウスアウトで停止します。これは私がこれまでに持っているものです:

$(function() {
    function customCallback(carousel) {
        $('.prev').hover(function() {
            // Starts the back animation
            carousel.prev();
        }, function() {
            // How to stop animation?
        });

        $('.next').hover(function() {
            // Starts the forward animation
            carousel.next();
        }, function() {
            // How to stop animation?
        });
    }

    $('.list').jcarousel({
        animation    : 14000,
        wrap         : 'circular',
        easing       : 'linear',
        buttons      : false,
        initCallback : customCallback
    }); 
});​

しかし、マウスアウトでアニメーションを停止する方法がわかりません。これをよりよく説明するデモがあります: http://jsfiddle.net/hfuwM/1/

誰かが私を正しい方向に向けることができますか? 前もって感謝します

編集:carousel.list.stop()マウスアウトコールバックを使用するとアニメーションが停止することがわかりましたが、リンクを再度ホバリングしても再開しません。

4

0 に答える 0