Apparition progressive d'une image

Bonjour,

Comment faire pour faire apparaître progressivement une image ?
Je sais pas si c'est le bon forum désolé...

Merci

tu parle de progressivité de transparence ?

cf opacity et moz-opacity et fais une boucle sur le % avec un setInterval

Exemple qui fonctionne sur Firefox :

Code:

---

<img src="tonimage.jpg" id="img1" style="-moz-opacity:0">

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<script language="javascript"> var actif = setInterval("opac()",200); var i = 0.99; function opac() { if(i <= 0 ){ window.clearInterval(actif); } document.getElementById('img1').style.MozOpacity=1-i; i = i-0.1; } </script>

---

A toi maintenant d'adapter le code et à faire la solution IE.

Bonjour, SpaceFrog et merci de ton aide,

Bon tu parles pas à un expert... je vais essayer de t'expliquer:
L'image a faire apparaitre est dans une div, au début tu la vois pas (donc tu vois le fond de la page) et progressivement l'image apparait, donc au final tu vois l'image et plus le fond dessous.

cf opacity et moz-opacity et fais une boucle sur le % avec un setInterval, là je comprends pas trop si tu avais un exemple...

Merci

arf mon binôme correcteur officiel à répondu ;)

Effectivement et dans cette direction ça marche nickel !!!
Merci à vous :D