Discussion :

[g_escande]

Bonjour,

Mon client n'aime pas la fasson dont se charge les image c'est à dire de haut en bas "en sacade".

Pour palier à se probleme j'ai implanté la methode

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("img").fadeTo(10000, 1);

Mais image sont préalablement en opacity : 0

seulement le problème que j'ai c'est que cette animation ne fonctionne pas sur internet explorer. Et marche au contraire très bien sur les autres navigateurs

Merci de me venir en aide

[Bovino]

Salut

Mais image sont préalablement en opacity : 0

IE ne reconnait pas la propriété opacity

[g_escande]

Seulement Si je met :

filter : alpha(opacity=0); à la place opacity:0;

Si j'ai des PNG ben ca me met des bord noir autour

Deplus l'animation ne marche pas quand même.

[danielhagnoul]

Bonsoir.

Malgré qu'IE ignore opacity, on peut tout de même jouer avec fadeTo() sous IE7 et IE8 (IE6 pas testé) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
	<script type="text/javascript">
		$(document).ready(function() {
			$("#imgID").fadeTo(1, 0.1);
		});
 
		$(window).ready(function() {
			$("#imgID").fadeTo(5000, 0.9);
		});
	</script>
 
<img src="../images/imageTest.png" width="270" height="200" id="imgID" />

Mais il ne faut pas mettre l'image en display none ou en visibility hidden, elle doit toujours être un peu visible.

[Bovino]

Malgré qu'IE ignore opacity, on peut tout de même jouer avec fadeTo() sous IE7 et IE8 (IE6 pas testé

Oui absolument, ça marche aussi avec IE6
Seulement, il semble que g_escande initialise l'opacité en CSS et dans ce cas, opacity ne fonctionne pas avec IE, il faut déclarer les deux styles (voire 3 car je crois me souvenir que IE6 utilise filter et IE7 filters...)

[danielhagnoul]

Bonsoir.

Bientôt, tous les problèmes de compatibilité seront derrière nous (on peut commencer à rêver) grâce à http://www.developpez.net/forums/d81...google-chrome/