0

以下は、新しい機能で更新したい jsfiddle.net コードです。

http://jsfiddle.net/weigruf/mKj8p/

私が追加したいのは、 .rotator .rotator-child div にカーソルを合わせたときのシーケンスの一時停止と、同じ画像の小さなバージョンを表示し、それらをナビゲートできる小さなサムネイル ナビゲーションです。

また、サムネイル ナビゲーションにも一時停止効果が必要です。

前もって感謝します。(:

編集1：

コードを結合し、コードを .mouseenter で更新したところ、シーケンスが一時停止しましたが、.mouseleave でシーケンスを再開し、カーソルが div にある場合は再び一時停止したいと考えています。

ご覧ください：

http://jsfiddle.net/weigruf/mKj8p/

4

1 に答える 1

0

私は決して jQuery/JS の専門家ではありません。これは実用的な例ではありませんが、正しい方向を示すのに役立つかもしれません。

setTimeout の代わりに、setInterval を使用しました。マウスオーバー時に間隔をクリアして、再起動しないようにします。mouseleave で 6 秒待ってから関数 doRotate() を実行すると、タイマーが再び開始され、新しい広告が読み込まれます。

function doRotate() {
    next();
    theInterval = setInterval(doRotate, 6000);
}

$('#myAdElement').mouseenter(function() {
   clearInterval(theInterval)
})

$('#myAdElement').mouseleave(function() {
   setTimeout(function() {
       doRotate();
   }, 6000);
})
于 2012-02-04T22:15:29.883 に答える