マウスオーバー

Question

を削除するとき、私はあなたが画像の上にマウスを置くと回転する親指のリストができます。このスクリプトは持って戻って最初の画像に取得（ところで非常にクールです！）

あなたは、コードを確認することができますこっちそれで遊ん：

http://jsfiddle.net/vfpK4/36/

私は実際に私が離れてマウスを動かすと画像がバック最初の画像に、しかし、私は本当に何のようにjQueryを熟知していない取得する、ありたいです誰かがコードを少し調整することができますか？ （おそらく非常に簡単ですが、私にとってはまだ難しいですが）

Answer 1

jsFiddle exampleのようになります。

元の画像ソースを保存する変数を設定してから、mouseoutの画像に戻すことができます。

のjQuery：

var intervalId; 
var first = $('img').attr('src'); 
$('img').hover(function() { 
    var $img = $(this), 
     imageList = $img.attr('class').split('@'); 
    // start the rotation 
    intervalId = window.setInterval(function() { 
     // cycle array 
     imageList.unshift(imageList.pop()); 
     $img.attr('src', imageList[0]); 
    }, 500); 
}, function() { 
    // stop the cycle 
    intervalId = window.clearInterval(intervalId); 
    $('img').attr('src', first); 
});