アニメーションされたjquery画像のストリップ

Question

360度の回転をシミュレートするのに十分なフレームを実際に通過するホバー上の画像を誰かがアニメーション化するのを助けることができるかどうかは疑問でした。私はフレームを3Dソフトウェアからレンダリングしています。実際にはマウスオーバーで回転させたいアイコンです& jqueryだけを使ってmouseoutでロールバックします。それを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

あなたは、私が（ほとんどのブラウザがSVG &キャンバスをサポートしていること、CSS3の3D変換を持っていることを考慮して）アニメーションのためのフレームとして複数の画像を使用しないことをお勧めだろうが、あなたは本当にこれをしたい場合次のようなものを使用できます：http://jsfiddle.net/gion_13/tLkdu/。

Answer 2

私は軽量のjqueryプラグインを作成しました。このプラグインは、モバイルデバイスでうまく動作し、イメージストリップをアニメーション化します。

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