Ich habe die folgenden Bilder:
Statisches Image | Animation starten | Animation beenden
Und ich verwende den folgenden Code ( jsfiddle Beispiel ):
Zusammengefasst: Was ich will, ist: Ich lade zuerst das statische Bild. Wenn jemand den Mauszeiger über #link-gif bewegt, startet das Start-Animations-GIF, und wenn Sie den Mauszeiger darüber bewegen, wird die Endanimation gestartet.
Aus irgendeinem Grund wird das Bild nicht animiert, wenn Sie den Mauszeiger über das Bild bewegen. Es geht nur bis zum Ende des Gifs. Weiß jemand, warum das passieren würde?
Dies passiert, weil das Bild zwischengespeichert ist. Fügen Sie am Ende des Gifs einen dynamischen Wert hinzu, wie die Zeit. Überprüfen Sie die Änderungen, die ich an Ihrem Code vorgenommen habe. Ich habe die aktuelle Zeit im IMG-Pfad hinzugefügt.
Tags und Links javascript html jquery css animation
