Survol d'une image

Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   -  
Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'ai un petit problème dans la création de la page d'accueil de mon site web. Je voudrai créer différents boutons qui change en les survolant. Mais voilà ... j'ai utilisé ce code :

<img src="image1.png" name="image" onmouseover="image.src='image2.png'" onmouseout="image.src='image1.png'" onmousedown="image.src='image3.png'" />

Quand je crée un seul bouton, tout va bien ! ça marche correctement. Mais quand je veux en rajouter un deuxième ni le premier ni le deuxième ne marche. Que se passe-t-il ? Je suis novice et ne connaît que le HTML donc ben ... je rencontre quelques soucis. Merci d'avance pou votre aide ^^

6 réponses

  1. bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   2 435
     
    <img src="image1.png" name="image" onmouseover="image.src='image2.png'" onmouseout="image.src='image1.png'" onmousedown="image.src='image3.png'" /> 
    
    
    <img src="image11.png" name="image" onmouseover="image.src='image12.png'" onmouseout="image.src='image11.png'" onmousedown="image.src='image13.png'" /> 

    si le premier fonctionne vois avec la même chose mais d'autres fichiers ...
    0
  2. Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
     
    j'ai déjà mis des fichiers différents ... pas de changement :s
    0
  3. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Utilise onfocus et pas onmousedown.
    Pour l'effet contraire du focus : onblur
    Par contre, je ne vois pas trop l'intérêt de mettre un name puisque tu peux utiliser this.
    0
  4. Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
     
    Ca ne change toujours rien :s
    Je ne comprends vraiment pas !
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Je me cite :
    "Par contre, je ne vois pas trop l'intérêt de mettre un name puisque tu peux utiliser this."

    <img src="image1.png" onmouseover="this.src='image2.png';" onmouseout="this.src='image1.png';" onclick="this.src='image3.png';" />
    0
    1. bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   2 435
       
      "Je me cite : " bon ben si tu te fais ton p'tit post perso ... là ... ;)
      0
  7. Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
     
    Ok ! J'avais pas vu ça comme ça ^^
    Merci beaucoup ça marche nickel !
    A+
    0