Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1130 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Permuter une image au passage de la souris

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Permuter une image au passage de la souris

n°1498947
gregm54
Posté le 04-01-2007 à 16:37:35  profilanswer
 

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 :
  1. </HEAD> :
  2. <SCRIPT LANGUAGE="Javascript">
  3. <!-- Permuter une image
  4. function Permut (flag,img) {
  5.    if (document.images) {
  6.         if (document.images[img].permloaded) {
  7.             if (flag==1) document.images[img].src = document.images[img].perm.src
  8.             else document.images[img].src = document.images[img].perm.oldsrc
  9.         }
  10.    }
  11. }
  12. function preloadPermut (img,adresse) {
  13.    if (document.images) {
  14.         img.onload = null;
  15.         img.perm = new Image ();
  16.         img.perm.oldsrc = img.src;
  17.         img.perm.src = adresse;
  18.         img.permloaded = true;
  19.    }
  20. }
  21. // -->
  22. </SCRIPT>


Et cela pour le Body (la ou j'appelle les images) :
 

Code :
  1. <A HREF="index.html" onMouseover="Permut(1,'IMG1');" onMouseout="Permut(0,'IMG1');">
  2. <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
mood
Publicité
Posté le 04-01-2007 à 16:37:35  profilanswer
 

n°1498957
afbilou
pouet your life
Posté le 04-01-2007 à 17:02:18  profilanswer
 

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

n°1499237
gregm54
Posté le 05-01-2007 à 11:38:20  profilanswer
 

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?

n°1499243
gregm54
Posté le 05-01-2007 à 11:49:30  profilanswer
 

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

n°1499320
afbilou
pouet your life
Posté le 05-01-2007 à 14:20:27  profilanswer
 

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


Aller à :
Ajouter une réponse
  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 imageImage s'adaptant à la résolution de l'écran
une image pour 3 liens[xhtml/css] faire un cadre avec image?
Uploader une imageFaire 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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR