Discussion :

[Galaad]

Bonjour,

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

Merci

[SpaceFrog]

tu parle de progressivité de transparence ?

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

[Bisûnûrs]

Exemple qui fonctionne sur Firefox :

Code :

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

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

Code :

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

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.

[Galaad]

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

[SpaceFrog]

arf mon binôme correcteur officiel à répondu

[Galaad]

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