Comportement des GIF's un peu étrange sous firefox...?

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
kowalsky
Gecko
Messages : 58
Inscription : 11 juil. 2006, 20:24

Comportement des GIF's un peu étrange sous firefox...?

Message par kowalsky »

Bonjour tout le monde...!

Je suis tombé sur un comportement un peu bizare de firefox.

j'ai fais un menu tout bête:

Code : Tout sélectionner

			<div class="mdata" onmouseover="this.style.background='url(img/Button-2.gif)'" onmouseout="this.style.background='url(/img/Button-3.gif)'">
				<a href="#" class="mlink">
					Data
				</a>
			</div>
			<div class="mplan" onmouseover="this.style.background='url(img/Button-2.gif)'" onmouseout="this.style.background='url(/img/Button-3.gif)'">
				<a href="#" class="mlink">
					Plan
				</a>
			</div>
			<div class="mdocs" onmouseover="this.style.background='url(img/Button-2.gif)'" onmouseout="this.style.background='url(/img/Button-3.gif)'">
				<a href="#" class="mlink">
					Docs
				</a>
			</div>
			<div class="mstoc" onmouseover="this.style.background='url(img/Button-2.gif)'" onmouseout="this.style.background='url(/img/Button-3.gif)'">
				<a href="#" class="mlink">
					Stoc
				</a>
			</div>
En bref, quand on passe la sourie au dessus d'un element, l'image
de fond du div change.
Mes images sont des GIF animé.
Le probleme est que une fois que la gif est affiché la premiere
fois, j'ai l'impression qu'elle "tourne en boucle"
même si elle n'est plus à l'ecran, et que la
prochaine fois qu'elle sera affiché, se ne sera pas
depuis le debut, mais plutot a l'instant ou elle en
est depuis le premier affichage...

Pareil sous Netscape d'ailleurs.

Quelqu'un a t'il deja rencontré se probleme...?

Merci d'avance...!


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

De même, si tu affiches plusieurs fois une image gif sur une page, tu verra qu'elles sont toutes synchronisées. Dans d'autres navigateurs (je pense à IE en particulier) ce n'est pas le cas et toutes les images sont désynchronisées.

Je pense qu'il s'agit d'une optimisation pour un affichage plus rapide et moins gourmand de ces images. Elles ne sont calculées qu'une fois.

Tu dis ça parce que ça te pose un problème dans ton développement, ou c'est juste une simple constatation ?

PS : Firefox, Mozilla, Netscape… même moteur (Gecko) donc c'est normal que le comportement soit le même :wink:

PPS : comment se comportent des navigateurs comme Konqueror/Safari ou Opera ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
kowalsky
Gecko
Messages : 58
Inscription : 11 juil. 2006, 20:24

Message par kowalsky »

Bon, J'ai le même comportement sous Unix, avec Konqueror et Firefox.

J'ai "resolut" le probleme en copiant les gif, et en leur mettant un nom
button-3.1.gif
button-3.2.gif
button-3.3.gif
button-3.4.gif

Et comme ça, l'image commence bien au debut à chaque
mouseover et mouseout.

Voila voila... C'est bon a savoir...!



Message envoyé avec : Mozilla/5.0 (X11; U; NetBSD i386; en-US; rv:1.8.0.4) Gecko/20060710 Firefox/1.5.0.6
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités