begin process at 2012 05 27 19:18:12
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > METTRE UNE IMAGE EN RELIEF AU PASSAGE DE LA SOURIS

METTRE UNE IMAGE EN RELIEF AU PASSAGE DE LA SOURIS


 Information sur la source

Note :
9,5 / 10 - par 2 personnes
9,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Niveau :Débutant Date de création :14/02/2003 Date de mise à jour :14/02/2003 19:48:52 Vu :25 294

Auteur : revinc

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

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

  • <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>
<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>



 Sources du même auteur

Source avec une capture PERSONNALISER UN FORMULAIRE
Source avec une capture METTRE UN LIEN EN RELIEF AU PASSAGE DE LA SOURIS
LES NOMBRES PREMIERS

 Sources de la même categorie

Source avec Zip JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator
Source avec une capture SPHERE 3D DÉFORMABLE par phm
Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111

Commentaires et avis

Commentaire de ordiman85 le 03/01/2007 11:11:39

Bon script, fonctionne sous Internet Explorer, pas sous Firefox

Commentaire de tekim le 29/11/2007 19:38:25

slt, merci pour cet excellent script.
peut-on changer la couleur de bordure de l'image au passage de la souris?
merci

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales