静的HTMLドキュメントに次の<img>
タグがあります。
<img src="foo.gif" alt="This is an animated gif image, but it does not move"/>
src
属性を.gif
ファイル(つまりfoo.gif
)を指すように設定した後、GIFは静的な(または動かない)画像として表示されます。 GIFをアニメーション化するにはどうすればよいですか?
デフォルトでは、ブラウザは常にアニメーションGIFを再生しますが、その動作を変更することはできません。 GIF画像がアニメーション化されない場合、2つの見方があります。ブラウザに問題があるか、画像に問題があるかです。次に、最初のバリアントを除外するには、ブラウザの信頼できる画像をチェックするだけです(以下のスニペットを実行し、このgifは確実にアニメーション化され、すべてのブラウザで動作します)。
コードは正常に見えます。このスニペットがアニメーション化されているかどうかを確認できますか?
[〜#〜] yes [〜#〜]の場合、[〜#〜] no [〜#〜]ブラウザに何か問題があります。
<img src="http://i.stack.imgur.com/SBv4T.gif" alt="this slowpoke moves" width=250/>
試してみる
<img src="https://cdn.glitch.com/0e4d1ff3-5897-47c5-9711-d026c01539b8%2Fbddfd6e4434f42662b009295c9bab86e.gif?v=1573157191712" alt="this slowpoke moves" width="250" alt="404 image"/>
srcをソースに切り替えます。 altがポップアップした場合は、別のURLを試してください。動作しない場合は、コンピューターを再起動するか、ブラウザーを切り替えます。