Bonjour tout le monde,
Je souhaiterais permuter une image au passage de la souris sur une page web html...
J'ai trouvé ceci pour le Head :
Code :
- </HEAD> :
- <SCRIPT LANGUAGE="Javascript">
- <!-- Permuter une image
- function Permut (flag,img) {
- if (document.images) {
- if (document.images[img].permloaded) {
- if (flag==1) document.images[img].src = document.images[img].perm.src
- else document.images[img].src = document.images[img].perm.oldsrc
- }
- }
- }
- function preloadPermut (img,adresse) {
- if (document.images) {
- img.onload = null;
- img.perm = new Image ();
- img.perm.oldsrc = img.src;
- img.perm.src = adresse;
- img.permloaded = true;
- }
- }
- // -->
- </SCRIPT>
|
Et cela pour le Body (la ou j'appelle les images) :
Code :
- <A HREF="index.html" onMouseover="Permut(1,'IMG1');" onMouseout="Permut(0,'IMG1');">
- <IMG SRC="Image1" border=0 NAME="IMG1" onLoad="preloadPermut(this,'Image2');" ></A>
|
Ce script marche très bien pour une image, mais j'ai l'intention de créer un menu (répété sur toute mes pages)
Y a t'il un moyen d'adapter ce script facilement ou y a t'il une alternative qui chargerait moins le code de la page?
Aidez moi s'il vous plait!
Message édité par gregm54 le 04-01-2007 à 16:38:17