2016-07-11 24 views
0

Ich habe das folgende Tag in einem statischen HTML-Dokument.Wie animiert man GIFs im HTML-Dokument?

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

Nachdem ich gesetzt sein src Attribut eine .gif Datei (d.h. foo.gif) Punkt, die GIF als statisches (oder nicht bewegt) Bild erscheint. Wie animiere ich das GIF?

+3

Dies sollte standardmäßig arbeiten, können Sie ein Beispiel nennen können? – Alessio

+0

das kann helfen? http://stackoverflow.com/questions/5818003/stop-a-gif-animation-onload-on-mouseover-start-the-activation –

+1

Entschuldigung, sind Sie sicher, dass Ihre Quelle GIF animiert ist, oder es ist im Standardformat (gif89a)? Tue ein wenig Google und finde ein animiertes Gif nur zu Testzwecken. Es scheint, dass dein GIF nicht in Ordnung ist. Beste. – statosdotcom

Antwort

2

Standardmäßig spielt Browser immer animierte Gifs, und Sie können dieses Verhalten nicht ändern. Wenn das gif-Bild nicht animiert wird, gibt es zwei Möglichkeiten zu suchen: etwas stimmt nicht mit dem Browser, etwas stimmt nicht mit dem Bild. Dann, um die erste Variante auszuschließen, überprüfen Sie einfach das vertrauenswürdige Bild in Ihrem Browser (Run Snippet unten, dieses GIF definitiv animiert und funktioniert in allen Browsern).

Ihr Code sieht OK aus. Können Sie überprüfen, ob dieses Snippet für Sie animiert ist?
Wenn JA, dann ist etwas schlecht mit Ihrem gif, wenn NO etwas mit Ihrem Browser nicht stimmt.

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

+2

beginnend mit dem img src: Wenn der alt-Text sichtbar ist, dann ist der src falsch – nicolallias