Effet d'opacité progressif au passage de la souris

Description

Voici un petit script pour faire un effet sur les images avec l'opacité.

Source / Exemple :


Dans la partie <HEAD></HEAD>:

<SCRIPT>
function makevisible(){
if (cur.filters.alpha.opacity<35) cur.filters.alpha.opacity =35;
if (cur.filters.alpha.opacity>100) cur.filters.alpha.opacity =100;
cur.filters.alpha.opacity=cur.filters.alpha.opacity+which;
vitessedefil = setTimeout("makevisible()", 10);
}
function makeopt(arg1,arg2)
{which=arg1;
 cur=arg2;
}
</SCRIPT>
----------------------------------------------------------------------
Pour BODY:

<BODY onload="makeopt(-10,imgtest1);makevisible()" onunload="clearTimeout(vitessedefil)">
----------------------------------------------------------------------
Exemple dutilistion dans une image:

<IMG WIDTH=200 NAME=imgtest1 SRC=opacity.jpg style="filter:alpha(opacity=35)" onmouseout="which=0;this.filters.alpha.opacity=35" onmouseover="makeopt(10,this)">

Conclusion :


Je mets un exemple dans le zip.

Codes Sources

A voir également

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.