Permuter une image au passage de la souris

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Permuter une image au passage de la souris

gregm54

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

Publicité

afbilou

pouet your life

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

gregm54

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?

gregm54

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

afbilou

pouet your life

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

FORUM HardWare.fr

Programmation

HTML/CSS

Permuter une image au passage de la souris

Sujets relatifs
Probleme de deplacement d'un clip avec la souris (mais pas avec Drag)	JButton Avec Image sous Eclipse
raffraichir affichage image	Image s'adaptant à la résolution de l'écran
une image pour 3 liens	[xhtml/css] faire un cadre avec image?
Uploader une image	Faire apparaitre un texte en passant la souris sur une image
php->pdf->probleme affichage image
Plus de sujets relatifs à : Permuter une image au passage de la souris

Page générée en 0.055 secondes