[解決済み] HTML文書でGIFをアニメーション化するには?
2022-03-11 09:03:54
質問
次のようなものがあります。
<img>
タグを静的なHTML文書に挿入しています。
<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
であれば、あなたの gif に何か問題があることになります。
NO
お使いのブラウザに問題があります。
<img src="http://i.stack.imgur.com/SBv4T.gif" alt="this slowpoke moves" width="250" />
関連
-
[解決済み】HTML5検証エラー:body開始タグは見たが、同じタイプの要素がすでに開かれていた
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Markdownで'target="_blank"'でリンクを作成することはできますか?
-
[解決済み】#記号のHTML文字実体は何ですか?
-
[解決済み] div要素間の空白を削除する方法
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] css画像が表示されない
-
[解決済み] HTML Divのボーダーが表示されない
-
[解決済み] HTMLボタンのテキストを固定幅で折り返すには?
-
[解決済み] TD rowspan が機能しない
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] フロートされた子 div の高さを親の高さに拡張するにはどうすればよいですか?