Mettre une image en relief au passage de la souris

Soyez le premier à donner votre avis sur cette source.

Snippet vu 28 015 fois - Téléchargée 30 fois

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

Ajouter un commentaire

Commentaires

Signaler
ordiman85
Messages postés
41
Date d'inscription
samedi 4 mars 2006
Statut
Membre
Dernière intervention
19 mars 2010
 -
Bon script, fonctionne sous Internet Explorer, pas sous Firefox
Signaler
tekim
Messages postés
1
Date d'inscription
vendredi 27 octobre 2006
Statut
Membre
Dernière intervention
29 novembre 2007
 -
slt, merci pour cet excellent script.
peut-on changer la couleur de bordure de l'image au passage de la souris?
merci
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)