[CSS/JS] Clique sur bouton=fade in sur image

[Airtux]

Bonsoir,

Alors voila pour mon site je voudrais faire un fade in sur une image quand on clique sur un bouton mais c'est plus compliquer que ça.

Je vous explique:

Je voudrais que ses images soit superposer donc quand je clique sur le bouton1=affichage en fade in de l'image1, quand je clique sur bouton2=affichage en fade in de l'image2 exactement au même endroit que l'image1 donc pardessus.


Je sais pas si sa peut vous aider mais j'ai ça qui permet de faire un fade in sur une image au chargement de la page

Code html:

<img src="mon image.jpg" alt="" width="200" height="150" onload="this.style.opacity='1';"/>

Code CSS:

img {opacity:0;
-moz-transition: opacity 8s; /* Firefox 4 */
-webkit-transition: opacity 8s; /* Safari and Chrome */
-o-transition: opacity 8s;
transition: opacity 8s;
}

Voila merci.
-----

[Zartan]

Bonjour, regardez ici: http://api.jquery.com/fadeIn/

[Airtux]

Merci sa marche! En fait je pensais que c'était possible de faire sa avec du CSS mais apparemment non, pas grave du moment que sa marche.