Mettre une image en relief au passage de la souris
Soyez le premier à donner votre avis sur cette source.
Snippet vu 28 195 fois - Téléchargée 30 fois
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.
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
- Mettre en relief
- Mettre un lien en relief au passage de la souris - Codes sources - Javascript (Graphique)
- Effet image au passage de la souris - Codes sources - Flash (Effets d'images)
- Surligner un texte au passage de la souris sur une image - Codes sources - Javascript (Trucs & Astuces)
- Javascript : Loupe sur image au passage de la souris ! - CodeS SourceS - Guide
- Javascript : Une musique sur une image au passage de la souris (i.e.6 +) - CodeS SourceS - Guide
Commentaires
peut-on changer la couleur de bordure de l'image au passage de la souris?
merci
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.