Problemen met geanimeerde gifs in Internet Explorer

Internet Explorer 6, 7 en 8 hebben veel problemen met het correct weergeven van geanimeerde gifs, terwijl de meeste andere browsers hier geen enkele moeite mee hebben. De meeste problemen hebben te maken met hoe IE omgaat met caching en refreshing.

• Geanimeerde gifs in verborgen elementen
• Geanimeerde gifs laten een halo achter

Een veel voorkomend probleem is dat geanimeerde gifs niet beginnen met hun animatie als de container waarin ze zitten via JavaScript zichtbaar gemaakt wordt. Het probleem hier is dat dit element aan de DOM toegevoegd is toen het geanimeerde plaatje niet zichtbaar was. Als vervolgens de container die het gif bestand bevat zichtbaar gemaakt wordt, laat IE alleen het plaatje zien en vergeet het dat het een geanimeerd plaatje is.
Oplossing: Op het moment dat het geanimeerde gif bestand via JavaScript aan de DOM toegevoegd wordt, moet het zichtbaar zijn zodat het door IE gerendered kan worden.

Een ander veel gehoord probleem is dat geanimeerde gif bestanden vaak een soort van halo achterlaten. Het gif bestand werkt prima op de computer, maar zodra het op een webpagina geplaatst wordt, laat IE allerlei vervelende kleine witte en zwarte lijnen achter die van vorige frames afkomstig zijn.
Oplossing: IE gaat niet goed om met het herschalen van geanimeerde gifs. Sla het gif bestand op in het juiste formaat (juiste breedte en hoogte) zodat het niet herschaald hoeft te worden op de website zelf.

Wil je reageren?

Naam*

E-mail

Reageer*

Herhaal de code*

Velden met een * zijn verplicht.

Bewaren