jQuery圖像旋轉懸停

Question

任何機會改變懸停圖像src，數到10，並從第一次回來？

這就是我需要的，這是默認的拇指，flv-3.jpg！

<img src="/thumbs/e/b/d/6/d/ebd6d2d6d99e/ebd6d2d6d99e.flv-3.jpg" /> 

鼠標懸停時只需要改變號碼

• FLV-1.JPG
• FLV-2.JPG
• FLV-3.JPG
• FLV-4.JPG
• 等。

up t O 10，並再次回來，從1號開始，但是當我從大拇指移動鼠標需要返現默認拇指FLV-3.JPG

這就是即時通訊的使用，但它不是很好的解決方案，

var _thumbs = new Array(); 
function changeThumb(index, i, num_thumbs, path) 
{ 
    if (_thumbs[index]) 
    {   
     document.getElementById(index).src = path + i + ".jpg"; 

     preload = new Image(); 
     preload_image_id = (i + 1 > num_thumbs) ? 1 : i + 1; 
     preload.src = path + preload_image_id + ".jpg"; 
     i = i % num_thumbs; 
     i++; 
     setTimeout("changeThumb('" + index + "'," + i + ", " + num_thumbs + ", '" + path + "')", 800) 
    } 
}  
function startThumbChange(index, num_thumbs, path) 
{  
    if (num_thumbs < 2) return false; 
    _thumbs[index] = true; 
    changeThumb(index, 1, num_thumbs, path); 
} 
function endThumbChange(index, image) 
{ 
    _thumbs[index] = false; 
    document.getElementById(index).src = image; 
} 

和HTML

<img onmouseout="endThumbChange('515e9279d96c6', '/thumbs/e/b/d/6/d/ebd6d2d6d99e/ebd6d2d6d99e.flv-3.jpg');" onmouseover="startThumbChange('515e9279d96c6', '10', '/thumbs/e/b/d/6/d/ebd6d2d6d99e/ebd6d2d6d99e.flv-','.jpg');" id="515e9279d96c6" src="/thumbs/e/b/d/6/d/ebd6d2d6d99e/ebd6d2d6d99e.flv-3.jpg" class="img"> 

而且也是其可能當拇指改爲像添加淡入淡出效果？

Answer 1

var timer;

$('div.settingsButton').hover(function() { 

var angle = 0, 
    $this = $(this); 

timer = setInterval(function() { 
    angle += 4; 
    $this.rotate(angle); 
}, 50); 
}, 
function() { 

timer && clearInterval(timer); 
$(this).rotate(0); 

這裏fiddle