アニメーションを再生せずにアニメーションGIFを読み込むことはできますか？

Question

<img>タグでロードされたアニメーションGIFをブラウザで実際にアニメーション化しないようにする方法があるのだろうかと思います。 gifの最初のフレームを表示し、アニメーションを再生しないようにします。

私はすでにこれが不可能であると私は最初のフレームを抽出し、キャンバスに、それをレンダリングするために持っていることを恐れて...：/

Answer 1

これはちょっと高価な解決策ですが、画像SRCをオンリセット場合非常に短いのsetIntervalが、それは、静的などを表示されます。

setInterval(function() { 
     document.getElementById('img1').src = document.getElementById('img1').src 
},1) 

デモ：http://jsfiddle.net/MEaWP/6/

Answer 2

はたぶんこれがあなたのためにあまりにも簡単な答えですが、あなたは自分の好みの画像編集プログラムでアニメーションGIFを開くことができ、すなわちAdobe Photoshopまたはその他の無料のものアニメーションなしでGIFを保存するだけです。

イメージを配信している場所にアニメーションを付けずに新しいGIFを再アップロードします。

Photoshopを使用している場合は、file.GIFを開いてメニューの[ウィンドウ] - [アニメーション]に移動します。これにより、アニメーションGIFのすべてのフレームが新しいダイアログボックスに表示されます。

すべてのフレームを削除し、名前を付けて保存してください。後で必要になる場合は、オリジナルをアニメーションで上書きしないでください。