5/5 (2 avis)
Vue 20 963 fois - Téléchargée 831 fois
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Calque compatible IE et FF</title> </head> <script language="JavaScript1.2"> //0.2 signifie 20 % de visibilité; pour une image invisible, écrire 0 à la place de 0.2 //ATTENTION: pour l'image, il faut changer ces paramètres aussi: // style="filter:alpha(opacity=20);-moz-opacity:0.2" devient // style="filter:alpha(opacity=0);-moz-opacity:0" pour une image invisible au départ function rendrevisible(timide,superman) { force=(superman==0)? 1 : 0.2 if (timide.style.MozOpacity) timide.style.MozOpacity=force else if (timide.filters) timide.filters.alpha.opacity=force*100 } </script> <body> <!-- pour une image invisible, modifier: style="filter:alpha(opacity=0);-moz-opacity:0" --> <img src="http://www.javascriptfr.com/gfx/logos/logojs.gif" alt="SURPRISE !" title="SURPRISE !" border="0" width="193" height="73" style="filter:alpha(opacity=20);-moz-opacity:0.2" onmouseover="rendrevisible(this,0)" onmouseout="rendrevisible(this,1)"><br> <!-- Vous pouvez effacer ceci: --> <span style="font-family: Verdana,Arial,Helvetica; font-size:12px;font-weight:bold;"> Passez le curseur ci-dessus! </span> <!-- Fin de la partie que vous pouvez effacer --> </body> </html>
27 sept. 2007 à 12:35
Merci beaucoup pour ce code. J'essaye de l'adapter afin de passer d'une image de 1 a 0.2 (dans ton exemple de 0.2 a 1) mais ca ne marche pas, peux tu m'equiller?
Merci d'avance,
Anne-Laure
16 janv. 2007 à 16:01
ça se gere tout aussi bien dans le css avec un
a:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
}
pour changer l'opacité à 60% par exemple.
L'interet serait d'avoir un effet "fondu"
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.