web-dev-qa-db-ja.com

HTMLドキュメントのGIFをアニメーション化する方法は?

静的HTMLドキュメントに次の<img>タグがあります。

<img src="foo.gif" alt="This is an animated gif image, but it does not move"/>

src属性を.gifファイル(つまりfoo.gif)を指すように設定した後、GIFは静的な(または動かない)画像として表示されます。 GIFをアニメーション化するにはどうすればよいですか?

7
MaryBaker

デフォルトでは、ブラウザは常にアニメーションGIFを再生しますが、その動作を変更することはできません。 GIF画像がアニメーション化されない場合、2つの見方があります。ブラウザに問題があるか、画像に問題があるかです。次に、最初のバリアントを除外するには、ブラウザの信頼できる画像をチェックするだけです(以下のスニペットを実行し、このgifは確実にアニメーション化され、すべてのブラウザで動作します)

コードは正常に見えます。このスニペットがアニメーション化されているかどうかを確認できますか?
[〜#〜] yes [〜#〜]の場合、[〜#〜] no [〜#〜]ブラウザに何か問題があります。

<img src="http://i.stack.imgur.com/SBv4T.gif" alt="this slowpoke moves"  width=250/>
9
Yuri Tkachenko

試してみる

<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を試してください。動作しない場合は、コンピューターを再起動するか、ブラウザーを切り替えます。

0
EpixyCoder101