Mettre une image en relief au passage de la souris

Commenter

Contenu du snippet

L'image qui subira le traitement sera mise en relief (suppression de l'effet de transparence et rajout d'une bordure).
Vous pouvez bien sur paramétrer le script comme vous le voulez.
Compatible Internet Explorer uniquement.

Source / Exemple : 


<html>
<head>
<title>Mettre en relief une image lors du passage de la souris</title>
<script>
function relief(image,degre,bordure) {

// Changer la transparence de l'image
image.filters.alpha.opacity = degre;

// Rajoute une bordure à l'image
image.style.border = bordure +"px solid";

}
</script>
</head>
<body>
<img src="lien-relief.jpg" name="image" onmouseover="relief(this,100,3)" onmouseout="relief(this,60,0)" style="filter: alpha(opacity=60)">
</body>
</html>

A voir également

S'inscrire maintenant

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.

Du même auteur (revinc)