1

だから、Cycle2 プラグインを使用してカルーセルを作成しようとしています。これとの違いは、次のボタンと前のボタンをクリックしたときに前後に循環するだけでなく、ボタンの上にカーソルを置くと前後に循環し始めることです。

カルーセルを一時停止し、次のボタンのホバーで再開する次のコードを使用して、次のボタンのこの動作を作成できます。

$('.cycle-slideshow').cycle('pause');

$('#next').hover(function () {
    //mouse enter - Resume the slideshow
    $('.cycle-slideshow').cycle('resume');
}, function () {
    //mouse leave - Pause the slideshow
    $('.cycle-slideshow').cycle('pause');
});

前のボタン ホバーでスライドショーの方向を逆にする方法がわかりません。何か案は？

どんな入力でも大歓迎です。前もって感謝します。

4

1 に答える 1

1

.cycle('prev')カルーセルの一時停止を解除しないと仮定します。その場合は、すべて.prevの呼び出しの後、およびマウスを離す機能で再度一時停止する必要があります。

次のようなものを試してください：

var intervalVar;

$('#prev').hover(function () {
    //mouse enter - Resume the slideshow
    intervalVar = setInterval(function(){
        $('.cycle-slideshow').cycle('prev');
    },1000);
}, function () {
    //mouse leave - Pause the slideshow
    clearInterval(intervalVar);
});

これは、1 秒ごとに循環することを前提としています1000。カルーセルが移行するように設定されているミリ秒数に合わせて を変更します。

于 2014-01-27T17:31:04.597 に答える