Animierte Gifs im IE

Datum: 4. Mai 2012
Autor*in: Bastian Schwarz


Gerade hat mich der IE mal wieder erstaunt (im negativen Sinne). Bei der IBE-Suche der AWK wird zur Überbrückung der Ladezeit eine Ladeanimation eingeblendet. Diese Animation wird mit einem animierten Gif dargestellt. Allerdings hat das Gif im Internet Explorer die Animation nicht ausgeführt.

Nach ein wenig Recherche bin ich auf einen Bug im IE gestoßen der die Animation von den Gifs nicht ausführen lässt wenn beim Hinzufügen des Objektes zum DOM das Objekt nicht sichtbar ist.

Der Workaround hierzu ist ein wenig tricky funktioniert aber einwandfrei. Ich habe eine einfach Funktion geschrieben die das src Attribut des Bildes nach einem kurzen Timeout erneut setzt. Das gleiche würde natürlich auch mit einem Div gehen, der die Grafik als background-image enthält.

function runAnimatedGif(animationImage, timeout) {
 if (animationImage.length === 0) return;
 timeout = timeout || 20;

  setTimeout(function() {
    animationImage.attr('src', animationImage.attr('src'));
  }, timeout);
}

Dieser Artikel wurde verschlagwortet unter:


Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie


Styling von Checkboxen und Radiobuttons

Autor*in: Benjamin Hofmann


Technologie   //   User Experience & Design


Wieder einmal ein Linktipp: Customizing web forms with CSS3 and WebKit Leider funktionieren diese Styles, so wie sie im Artikel dargestellt werden, nur in WebKit-basierten Browsern, also im Safari, Chrome oder den Standard-Browsern von Android und iOS. Aber wenn diese Styles nicht angewandt werden können springt der jeweilige Browser auf die normale Darstellung zurück, wie …


Beitrag lesen
23
FEB
12

bLazy.js

Autor*in: Benjamin Hofmann


Technologie   //   User Experience & Design


Und schon wieder eine kleine Standalone-Vanilla-JS-Library, die ich am Wochenende entdeckt habe: bLazy.js (GitHub, Demo) In dem ca. 1,5 KB Skript befindet sich die komplette Logik, um Bilder erst dann zu laden wenn sie im Viewport angezeigt werden. Und nicht nur Bilder, sondern auch I-Frames und andere Embeds können dynamisch nachgeladen werden. Und es funktioniert …


Beitrag lesen
26
SEP
16

imx.Platform liefert Daten an BayernCloud Tourismus

Autor*in: Robert Klauser


infomax   //   Technologie   //   Tourismus


Immer wieder werden wir gefragt, ob und wie touristische Daten aus der imx.Platform in die BayernCloud Tourismus kommen. Nachdem alle Daten in der imx.Platform bereits seit vielen Jahren in strukturierter Form vorliegen, ist dies problemlos möglich. Mit der imx.Platform-Instanz des Tölzer Land Tourismus ist die erste Anbindung vor einigen Tagen bereits aktiviert worden. Für alle …


Beitrag lesen
22
FEB
22

Lunch & Learn: XR und die virtuelle Welt!

Autor*in: Verena Schmuck


infomax   //   Technologie   //   Über den Tellerrand


Was ist AR,MR,VR und XR? Und wie ist es selber in der virtuellen Welt zu sein? Dafür haben wir eine Woche lang zwei VR-Brillen ausgeliehen.


Beitrag lesen
19
APR
24