[JS] Afficher une image en fondu

Résolu/Fermé
maxi-mang
Messages postés
168
Date d'inscription
samedi 8 septembre 2007
Statut
Membre
Dernière intervention
11 novembre 2013
- 20 avril 2010 à 19:41
maxi-mang
Messages postés
168
Date d'inscription
samedi 8 septembre 2007
Statut
Membre
Dernière intervention
11 novembre 2013
- 21 avril 2010 à 20:13
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

2 réponses

maxi-mang
Messages postés
168
Date d'inscription
samedi 8 septembre 2007
Statut
Membre
Dernière intervention
11 novembre 2013
14
21 avril 2010 à 17:48
UP
0
maxi-mang
Messages postés
168
Date d'inscription
samedi 8 septembre 2007
Statut
Membre
Dernière intervention
11 novembre 2013
14
21 avril 2010 à 20:13
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;
}
0