IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Rollover sur image avec onMouseover


Sujet :

JavaScript

  1. #1
    F2
    F2 est déconnecté
    Membre à l'essai
    Inscrit en
    Janvier 2006
    Messages
    27
    Détails du profil
    Informations forums :
    Inscription : Janvier 2006
    Messages : 27
    Points : 20
    Points
    20
    Par défaut Rollover sur image avec onMouseover
    salut à tous,

    j'ai ce petit bout de code qui n'a pas l'air de vouloir fonctionner correctement :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li><a href="index.html" onmouseover="document.btnInicio.src='../images/botones/InicioON.png'" onmouseout="document.btnInicio.src='../images/botones/Inicio.png'"><img src="../images/botones/Inicio.png" name="btnInicio"/></a> </li>
    je veux utiliser ça pour changer l'apparence d'un bouton de menu.
    je comprend pas d'où vient mon erreur ; quand j'essaye avec des alert() dans le onmouseover() et onmouseout() il me sort bien les message d'alerte... mais le changement d'image ne se fait pas.

    merci de votre aide

  2. #2
    Membre éclairé Avatar de micetf
    Homme Profil pro
    Professeur des Ecoles
    Inscrit en
    Mai 2009
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ardèche (Rhône Alpes)

    Informations professionnelles :
    Activité : Professeur des Ecoles
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2009
    Messages : 557
    Points : 831
    Points
    831
    Par défaut
    Pourquoi ne pas plutôt écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li><a href="index.html" ><img src="../images/botones/Inicio.png" onmouseover="this.src='../images/botones/InicioON.png'" onmouseout="this.src='../images/botones/Inicio.png'" name="btnInicio"/></a></li>
    Fred

  3. #3
    F2
    F2 est déconnecté
    Membre à l'essai
    Inscrit en
    Janvier 2006
    Messages
    27
    Détails du profil
    Informations forums :
    Inscription : Janvier 2006
    Messages : 27
    Points : 20
    Points
    20
    Par défaut
    en effet ça marche mieux en mettant les event handler dans le tag img.
    et ça marche surtout beaucoup mieux en mettant l'image de rollover dans le bon dossier...

    merci de ta réponse micetf

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. rollOver sur images
    Par cortoh dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 14/02/2012, 22h14
  2. [CS4] Zoom sur image avec mode fullscreen au clic
    Par nanou777 dans le forum ActionScript 3
    Réponses: 1
    Dernier message: 22/08/2011, 14h22
  3. Zoom sur image avec jquery.
    Par the-destroyer dans le forum jQuery
    Réponses: 2
    Dernier message: 27/07/2009, 10h42
  4. Réponses: 1
    Dernier message: 15/05/2008, 20h11
  5. [HTML] Peux-t-on faire un menu en href, avec alternance images avec OnMouseOver ?
    Par lolymeupy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 14/04/2008, 12h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo