[javascript] faire un onMouseOver sur une image

faire un onMouseOver sur une image [javascript] - HTML/CSS - Programmation

Marsh Posté le 11-09-2002 à 12:23:19    

bonjour,
j ai donc une image et j aimerai que lorsque le curseur pointe dessus une autre image l a remplace...
j ai trouvé cette methode mais j arrive pas a l a faire fonctionner
si vous pouvez m expliquer sont comportement
 

Code :
  1. function changeImages() {
  2. d = document;
  3. if (d.images) {
  4.  var img;
  5.  for (var i=0; i<changeImages.arguments.length; i+=2) {
  6.   img = null;
  7.   if (d.layers) {img = findElement(changeImages.arguments[i],0);}
  8.   else {img = d.images[changeImages.arguments[i]];}
  9.   if (img) {img.src = changeImages.arguments[i+1];}
  10.  }
  11. }
  12. }


 
 
elle est appelée de cette facon :  

Code :
  1. onmouseover="changeImages( 'liens','./images/forum_over.jpg');return true" onmouseout="changeImages( 'liens','./images/forum.jpg');return true"

dans chaque balise <img>...
 
merci de votre aide

Reply

Marsh Posté le 11-09-2002 à 12:23:19   

Reply

Marsh Posté le 11-09-2002 à 13:18:10    

compliquer tout ca  
 

Code :
  1. <SCRIPT>
  2. function changeimage(image) {
  3. window.document.img0.src = image.src  // img0 est le nom de ton image dans la balise <IMG>, ( par exemple )
  4. }
  6. image1 = new Image()
  7. image1.src = "image1.jpg"
  8. </SCRIPT>


 
et dans la balise <IMG> : onMouseOver="changeimage(image1)"
 
 
et tu peut creer dautre image


Message édité par Maxime le 11-09-2002 à 13:19:41
Reply

Marsh Posté le 11-09-2002 à 15:27:44    

bon ben voila ce que j ai pondu
 

Code :
  1. <script language="JavaScript">
  2. function changeImages(name,image) {
  3. window.document.name.src = image ;
  4. }
  5. </script>


 
voila a quoi ressemble ma balise img:
 

Code :
  1. <img name="forum" src="images/forum.jpg" alt="forum" border="0" onmouseover="changeImages(name,'./images/forum_over.jpg');return true" onmouseout="changeImages(name,'./images/forum_over.jpg');return true">


 
 
il me dit que window.document.name est null ou n est pas un objet  :(  
 :(


Message édité par veryfree le 11-09-2002 à 15:28:27
Reply

Marsh Posté le 11-09-2002 à 17:05:53    

Il faut que tu met le nom de la balise <IMG> et que tu declare les images!
 
je reprend le tout.
 
le code JS :

Code :
  1. ]<SCRIPT language="JavaScript">
  2. function changeImages(name,image) {
  3. window.document.name.src = image ;
  4. /* déclaration des images */
  5. image1 = new Image()
  6. image2 = new Image()
  7. image3 = new Image()
  8. // ten rajoute d'aute si besoin
  9. /* lien des images */
  10. image1.src = "mon_dossier/image1.jpg"
  11. image2.src = "mon_dossier/image1.jpg"
  12. image3.src = "mon_dossier/image1.jpg"
  13. // ten rajoute d'aute si besoin
  14. }
  15. </SCRIPT>


 
et apres :
 

Code :
  1. <IMG name="forum" src="images/forum.jpg" alt="forum" border="0" onmouseover="changeImages('forum','image1');return true" onmouseout="changeImages('forum','image2');return true">


Message édité par Maxime le 11-09-2002 à 17:37:22
Reply

Marsh Posté le 11-09-2002 à 17:31:42    

Maxime a écrit a écrit :

Il faut que tu met le nom de la balise <IMG> et que tu declare les images!
 
je reprend le tout.
 
le code JS :

Code :
  1. ]<SCRIPT language="JavaScript">
  2. function changeImages(name,image) {
  3. window.document.name.src = image ;
  4. /* déclaration des images */
  5. image1 = new Image()
  6. image2 = new Image()
  7. image3 = new Image()
  8. // ten rajoute d'aute si besoin
  9. /* lien des images */
  10. image1.src = "mon_dossier/image1.jpg"
  11. image2.src = "mon_dossier/image1.jpg"
  12. image3.src = "mon_dossier/image1.jpg"
  13. // ten rajoute d'aute si besoin
  14. }
  15. </SCRIPT>


 
et apres :
 

Code :
  1. <IMG name="forum" src="images/forum.jpg" alt="forum" border="0" onmouseover="changeImages('forum','image1);return true" onmouseout="changeImages('forum','image2);return true">






 
merci a toi maxime c niquel comme ca  :ange:

Reply

Marsh Posté le 11-09-2002 à 17:36:29    

pourquoi : " :sarcastic: " ?
 
ca marche pas?  :sweat:

Reply

Marsh Posté le 11-09-2002 à 17:45:23    

Maxime a écrit a écrit :

pourquoi : " :sarcastic: " ?
 
ca marche pas?  :sweat:  




 
c'est pas un sarcastique c un ange  :)

Reply

Marsh Posté le 11-09-2002 à 17:46:24    

veryfree a écrit a écrit :

 
 
c'est pas un sarcastique c un ange  :)  




 
soit :D, ca marche ou pas mon truc?

Reply

Marsh Posté le 11-09-2002 à 17:48:59    

Maxime a écrit a écrit :

 
 
soit :D, ca marche ou pas mon truc?




Citation :

merci a toi maxime c niquel comme ca  


 
 
ca ca ve dire que ca marche  ;)  
 
 :hello:

Reply

Marsh Posté le 11-09-2002 à 17:54:10    

veryfree a écrit a écrit :

 
 
c'est pas un sarcastique c un ange  :)  




 
ouais la couleur de l'ange n'est pas très judicieusement choisie :D
 
d'autant plus que sur fond clair son anneau doré est peu visible


Message édité par antp le 11-09-2002 à 17:54:38
Reply

Marsh Posté le 11-09-2002 à 17:54:10   

Reply

Marsh Posté le 11-09-2002 à 19:08:30    

antp a écrit a écrit :

 
 
ouais la couleur de l'ange n'est pas très judicieusement choisie :D
 
d'autant plus que sur fond clair son anneau doré est peu visible




 
oui jm en suis vraiment rendu compte tout t alleur et y a sleep qui par en C*****e a ce que je vois  :lol:  
 
jvai lancer un concours sur graphisme tiens pour une fois que c pas un topic sur les télétubbies ca va leur plaire :D et puis y a pas pinzo pour me faire chier [:yaisse]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed