動畫jquery圖像條

Question

我想知道是否有人可以幫助我製作一個懸停的圖像，實際上通過足夠的幀來模擬360度轉動。我有從3d軟件渲染的幀。它實際上是一個圖標，我想旋轉mouseover &在mouseout上只回滾使用jquery。我可以將其優化爲90張圖像。 90x90感謝

// Ive tried this but im just not sure where or how to call the images :  
$('[class$=Button]').mouseover(function() {   
    var arr = $(this).attr('class').split("Button");    
    $('div.'+arr[0]+'Content').stop(true, true).animate('');        
}); 

$('[class$=Button]').mouseout(function() {  
    var arr = $(this).attr('class').split("Button");    
    $('div.'+arr[0]+'Content').stop(true, true).animate('');    
}); 

Answer 1

我會建議不要使用多個圖像作爲動畫（考慮到CSS3具有3D變換，大多數瀏覽器都支持SVG &帆布）幀，但是如果你真的想這樣做，你可以使用這樣的東西：http://jsfiddle.net/gion_13/tLkdu/。

Answer 2

我做了一個輕量級的jquery插件，在移動設備上運行得非常好，ie8 +爲圖像條帶動畫。

http://timothyswt.github.io/animatinator/#/home