Permuter une image au passage de la souris

Marsh Posté le 04-01-2007 à 16:37:35

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

Reply

Marsh Posté le 04-01-2007 à 16:37:35

Reply

Marsh Posté le 04-01-2007 à 17:02:18

Tu peux faire beaucoup plus leger, beaucoup plus accessible, beaucoup plus simple en utilisant les CSS : http://afbilou.free.fr/tmp/rollover.html

Reply

Marsh Posté le 05-01-2007 à 11:38:20

Dans le code source de la page on ne voit l'url que de 5 adresses or il faudrait voir apparaitre l'adresse de celle qui apparaise ''OnMouseOver'' non?

Reply

Marsh Posté le 05-01-2007 à 11:49:30

Humm... ok! C'est une image qui coporte les deux boutons l'un au dessus de l'autre! C'est exactement ce que j'ai besoin pour un affichage moins lourd car ma page prends plus de 6 secondes a charger avec un P4 (ça a meme pas de rapport avec la vitesse de connexion) mais il avait pas aimé de restituer 15 javascripts...
Merci encore afbilou

Reply

Marsh Posté le 05-01-2007 à 14:20:27

Ca evite surtout l'effet indesirable du prechargement necessaire pour afficher le second état de l'image

Reply

Permuter une image au passage de la souris

Sujets relatifs:

Leave a Replay