Un effet opacité sur les photos

Soyez le premier à donner votre avis sur cette source.

Snippet vu 12 816 fois - Téléchargée 28 fois

Contenu du snippet

Les images semblent s'allumer quand la souris passe au-dessus.

Source / Exemple :


<html>
<head>

<SCRIPT LANGUAGE="JavaScript">

function makevisible(cur,which){
	if (which==0) cur.filters.alpha.opacity=100;
	else cur.filters.alpha.opacity=40;
	}

</SCRIPT>

</head>
<body>

<B>Cliquez sur la photographie pour l'agrandir</B><BR><BR>

<a href="grande1.jpg" target="_blank">
<img src="petite1.jpg" width=70 height=50
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>

<a href="grande2.jpg" target="_blank">
<img src="petite2.jpg" width=70 height=50
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
    
</body>
</html>

Conclusion :


code trouvé sur cinefil.com puis adapté.

A voir également

Ajouter un commentaire Commentaires
Messages postés
13
Date d'inscription
vendredi 28 janvier 2005
Statut
Membre
Dernière intervention
17 février 2005

J'ai noté 1 pour ce script car il n'est compatible qu'avec Internet Explorer ! Donc à améliorer !
Messages postés
264
Date d'inscription
jeudi 31 juillet 2003
Statut
Membre
Dernière intervention
12 juillet 2005

C'est bien mais maintenant il faudrait le faire avec un effet de transition...
:)

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.