[JS] Afficher une image en fondu
Résolu
maxi-mang
Messages postés
180
Statut
Membre
-
maxi-mang Messages postés 180 Statut Membre -
maxi-mang Messages postés 180 Statut Membre -
Bonjour,
Je sais que s'est quelque chose d'assez basique que je demande, mais malgré mes recherches, je ne trouve pas la source qui me convient =S ! Je ne développe pas JavaScript...
J'ai plusieurs images sur une même page accompagné d'un lien (<a href="site.php"><img src="img.png" alt="Image" id="site" /><br />Nom du site</a>). Elles ont comme opacité 60% (CSS). J'aimerai qu'au passage de la souris sur le lien (onmouseover), l'image aie 100% d'opacité et que lorsque on enlève la souris, l'opacité revienne à 60%, tout cela avec un joli effet en fondu.
Merci d'avance ;D,
Maxi-ManG
Je sais que s'est quelque chose d'assez basique que je demande, mais malgré mes recherches, je ne trouve pas la source qui me convient =S ! Je ne développe pas JavaScript...
J'ai plusieurs images sur une même page accompagné d'un lien (<a href="site.php"><img src="img.png" alt="Image" id="site" /><br />Nom du site</a>). Elles ont comme opacité 60% (CSS). J'aimerai qu'au passage de la souris sur le lien (onmouseover), l'image aie 100% d'opacité et que lorsque on enlève la souris, l'opacité revienne à 60%, tout cela avec un joli effet en fondu.
Merci d'avance ;D,
Maxi-ManG
2 réponses
-
-
Résolu, tant pis l'effet fondu :
HTML :<div id="site"> <a href="site.php"> <img src="img.png" alt="Nom du site" /><br /> Nom du site </a> </div>
CSS :#site img { border: 3px solid black; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; width: 100px; height: 75px; } #site a:hover img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
