jQueryサイクルフェード画像をホバリングする

Question

単一の画像にマウスを乗せたときに、戻ってくる前に一連の他の画像（3または4など）にフェードイン/アウトを繰り返すことができる最良の方法は何ですか？オリジナルに戻る？また、マウスを画像から離した場合は、イメージのフェード/変更や元のイメージへの移動を停止します。

何か助けていただければ幸いです。

ありがとうございます！

Answer 1

window.setTimeout関数に接続したいオブジェクトのmouseoverイベント（または外部ライブラリを使用している場合はマウスを動かす）があることがわかります。ユーザーのマウスがウィンドウを終了したときにキャンセルできるように、タイムアウトIDを保存してください。 window.setTimeoutは、画像をスクロールします。

たぶん、このような何か：

$(function(){ 

    $("#test").hover(function(e) { 
     $.data("timeout", window.setTimeout(function() { 
      //Transition here 
     })); 
    }), function(e) { 
     window.clearTimeout($.data("timeout")); 
     //Put image back to normal 
    }); 

}); 

希望これは、あなたがホバーは、コールバックパラメータを持っているので、MouseEnterイベント/ mouseleaveを使用する必要はありません

JMAX