Bei Mouseover animiertes Gif starten

Status
Nicht offen für weitere Antworten.
Ansich garnicht... es war wohl mal ursprünglich vorgesehen, in GIFs eine Verarbeitung von Events einzubauen, daraus ist anscheinend aber nix geworden :)

Als Workaround könntest du standardmässig eine nicht-animierte Version des Gif in die Seite einbinden. Beim mouseover des Gif tauschst du dieses dann mit Javascript durch die animierte Version aus.
 
Es ist nur über ein umweg möglich:

Du brauchst dafür 2 GIFs:
Ein GIF nur mit dem ersten Bild der Animation, allso ein starres GIF.
und eines mit der kompletten Animation,

Dann kann man per Javascript bei mouseover die Bilder austauschen.
Achte aber darauf dass das Animierte GIF nicht zu gross ist, da es sonst zeitverzögert einsetzt.

Code:
<img src="starres.gif" (das GIF ohne Animation wird geladen)
           onMouseOver="this.src='animiertes.gif';" (die Animation wird geladen bei mouseover)
           onMouseOut="this.src='starres.gif';">  (das GIF ohne Animation wird wieder geladen wenn der cursor auserhalb vom Bild ist)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück