Wie animiere ich GIFs in einem HTML-Dokument?

Ich habe folgendes <img> -Tag in einem statischen HTML-Dokument.

<img src="https://stackoverflow.com/questions/38309480/foo.gif" alt="This is an animated gif image, but it does not move"/>

Nachdem ich es eingestellt habe src Attribut, um auf a zu zeigen .gif Datei (z foo.gif), wird das GIF als statisches (oder nicht bewegtes) Bild angezeigt. Wie animiere ich das GIF?

Standardmäßig spielt der Browser immer animierte Gifs ab, und Sie können dieses Verhalten nicht ändern. Wenn das GIF-Bild nicht animiert wird, kann es zwei Möglichkeiten geben: etwas stimmt nicht mit dem Browser, etwas stimmt nicht mit dem Bild. Um dann die erste Variante auszuschließen, überprüfen Sie einfach das vertrauenswürdige Bild in Ihrem Browser (Schnipsel unten ausführen, dieses GIF ist definitiv animiert und funktioniert in allen Browsern).

Dein Code sieht OK aus. Können Sie überprüfen, ob dieses Snippet für Sie animiert ist?
Wenn JAWOHLdann stimmt etwas mit deinem gif nicht, wenn NEIN Irgendetwas stimmt mit Ihrem Browser nicht.

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

Stimmt der Antwort von Yuri Tkachenko zu.

Ich möchte darauf hinweisen.

Es ist ein ziemlich spezifisches Szenario. ABER es passiert.

Wenn Sie ein GIF kopieren, bevor es vollständig auf einer Website wie Google Images geladen ist. Es gibt nur die Vorschaubildadresse dieses GIFs an. Was eindeutig kein GIF ist.

Stellen Sie also sicher, dass es mit der Erweiterung .gif endet

Versuchen

<img src="https://cdn.glitch.com/0e4d1ff3-5897-47c5-9711-d026c01539b8%2Fbddfd6e4434f42662b009295c9bab86e.gif?v=1573157191712" alt="this slowpoke moves"  width="250" alt="404 image"/>

und schalten Sie die src mit Ihrer Quelle um. Wenn der Alt erscheint, versuchen Sie es mit einer anderen URL. Wenn es nicht funktioniert, starten Sie Ihren Computer neu oder wechseln Sie Ihren Browser.