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 :

bannière qui change lors d'un mouseover


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 2
    Points : 1
    Points
    1
    Par défaut bannière qui change lors d'un mouseover
    Je suis entrain de construire un site web et voici ce que j`aimerais faire: j`aimerais que lorsque l`utilisateur passe la sourie sur un lien du menu l`image de la bannière change pour une autre image j`ai entendu dire que le seul moyen de faire cela serait en javascript or je ne connais pas le javascript et les tutoriel pour des images rollover ne convienne pas à mon problème, car je ne veux pas changer une image par une autre je veut uqe lorsque la souries passe sur un liens du menu la bannière change

    si quelqu`n pourrait me donner le code qui me permettrait de faire cela je serais très reconnaissan
    GUS

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Salut, tu dois précharger l'image de remplacement.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <script type="text/javascript">
    var imager2=new Image();
    image2.src="monimage.jpg";
    </script>
    Et pour le mouseover
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="baniere.jpg" onmouseover="this.default=this.src;this.src=image2;" onmouseout="this.src=this.default"

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    319
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2006
    Messages : 319
    Points : 351
    Points
    351
    Par défaut
    Citation Envoyé par andry.aime Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="baniere.jpg" onmouseover="this.default=this.src;this.src=image2;" onmouseout="this.src=this.default"
    Petite note, si je ne me trompe pas : "this.src=image2;" fonctionne grâce à la méthode Image#toString qui est appelée implicitement et retourne l'URL de l'image. Il serait plus juste d'écrire : "this.src = image2.src;".

  4. #4
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 2
    Points : 1
    Points
    1
    Par défaut problème
    la technique que vous m`avez mentonné ne marche pas vraiment, `j`ai inséré le code comme indiqué dans mon menu mais rien ne s`affiche je crois que le problème vien du fait que le menu est dans un div séparé de l`image qui doit être changé mais cela n`est que supposition car je ne connais pas beaucoup le javascript

Discussions similaires

  1. Réponses: 2
    Dernier message: 12/03/2013, 12h56
  2. [2.x] Formulaire qui change lors d'une action précise
    Par Vrugar dans le forum Symfony
    Réponses: 0
    Dernier message: 26/11/2012, 15h32
  3. [AC-2007] code barre qui change lors de l'affichage vertical
    Par christiejc dans le forum IHM
    Réponses: 0
    Dernier message: 01/08/2011, 17h04
  4. [CS4] bannière(image)qui change d'aprés la résolution
    Par doji_lemaitre dans le forum Dreamweaver
    Réponses: 3
    Dernier message: 01/04/2009, 09h52
  5. Réponses: 3
    Dernier message: 05/01/2007, 13h37

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