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

jQuery Discussion :

Changer src Image survol lien soucis IE


Sujet :

jQuery

  1. #1
    Membre habitué Avatar de omar24
    Homme Profil pro
    Inscrit en
    Septembre 2010
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 159
    Points : 172
    Points
    172
    Par défaut Changer src Image survol lien soucis IE
    Bonjour tout le monde,

    dans ma page j'ai des liens et une balise img, je veux quand la souris survol un de ces liens l'image change selon le lien.
    Voilà mon code:
    j'ai d'abord défini une fonction

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    function changerSrcImg(src) {
            	$('#id-img').each(
    				function() {
    					$(this).attr('src',src);
    				}
                );
            }
    plusieurs liens comme suit:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a id="id" alt="alt" href="url" title="title" onmouseover="javascript:changerSrcImg('chemin image')">libellé</a>
    et finalement la balise image:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img style="height : 216px; width:365px;" id="id-img" src="">
    Ne vous souciez pas des id, c'est juste pour vous montrer. Ce code fonctionne très bien dans chrome et firefox mais pas dans IE.

    Aidez moi SVP.

    Merci d'avance.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Ne vous souciez pas des id
    Ben si justement...
    Si tu fais un each(), c'est parce que tu t'attends à parcourir un ensemble d'éléments, or un id devant être unique dans la page, ça fait un peu peur...

  3. #3
    Membre habitué Avatar de omar24
    Homme Profil pro
    Inscrit en
    Septembre 2010
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 159
    Points : 172
    Points
    172
    Par défaut
    Oui t'as raison, mais bon dans ma page je parcours bien une liste d'éléments.
    Comme j'ai dit mon code fonctionne bien dans Chrome et FF seul IE pose problème.

Discussions similaires

  1. Changer d'image quand la souris survole la zone
    Par laurentSc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 20
    Dernier message: 06/02/2009, 10h37
  2. Changer d'image placée dans un cadre en cliquant sur un lien
    Par makalu65 dans le forum Webdesign & Ergonomie
    Réponses: 2
    Dernier message: 14/12/2008, 20h55
  3. Changer une image en bas de la page en clicant sur un lien
    Par lelapinrusse dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 11/02/2008, 01h56
  4. [word]survol image et lien
    Par totoche dans le forum VBA Word
    Réponses: 1
    Dernier message: 13/11/2006, 10h36
  5. Changer src image
    Par Belegkarnil dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 29/07/2006, 17h53

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