0

カルーセル (caroufredsel) スクロール (たとえば、これを確認してください) を連続して左にスクロールします。右の矢印にカーソルを合わせると、スクロールが停止し、方向が逆になります。カスタム イベントを使用してみましたが、機能していないようです。これがカルーセルのコードです。

$('#gallery').carouFredSel({
    width: "variable",

    auto: {
        items                   : 4,
        duration                :"40000",
        easing                  :"linear",
        timeoutDuration         :0,
        pauseOnHover        :"immediate"
        },
    items: {
        visible: 3
    }

});

カルーセルを反転させるカスタム イベントの方向は次のようになります。しかし、アイテム全体のスクロールが完了するまで機能しません。私が達成したいのは、ホバリング時に方向を瞬時に逆転させることです。

$('a.prev').hover(function()
{
    $('#gallery').trigger("pause");
    $('#gallery').trigger("configuration",["direction",right]);
    $('#gallery').trigger("play");
}

上記のコードは機能せず、スクロールの反転をシミュレートするさまざまなイベントを試しましたが、うまくいきませんでした。

これに対する回避策がない場合。簡単に作業を行う別のプラグインを変更したいと考えています。簡単にできることを知っている場合は、提案を残してください。どうもありがとうございました！

4

1 に答える 1

0

それは、カルーセルの実装方法に完全に依存します。可能な解決策は、を停止することeventPropagationです。カルーセルの実装によっては、機能する場合と機能しない場合があります。

$('a.prev').hover(function(event)
{
    event.stopPropagation();
    $('#gallery').trigger("pause");
    $('#gallery').trigger("configuration",["direction",right]);
    $('#gallery').trigger("play");
}
于 2013-02-14T10:55:14.340 に答える