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 :

changement d'images


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    27
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Mars 2006
    Messages : 27
    Par d�faut changement d'images
    bonjour,

    je souhaite remplacer une image par une autre en fonction du mouvement de souris. j'ai donc utilis� onMouseOver et onMouseOut. j'ai trouv� plusieurs syntaxes possibles et je les ai essayer seulement mes images ne sont pas remplac�s.

    Voil� ce que j'ai fait
    <a href="presentation.php" >
    <img id='image1' src="images projet/presentation_01.jpg" onMouseOut="document.getElementById('image1').src='images projet/presentation_01.jpg'" onMouseOver="document.getElementById('image1').src='images projet/presentation_02.jpg'" width=292 height=32 border="0" name="image1" /> </a>

    <a href="presentation.php" onMouseOut="document.images["image1"].src='images projet/presentation_01.jpg'" onMouseOver="document.images["image1"].src='images projet/presentation_02.jpg'">
    <img src="images projet/presentation_01.jpg" width=292 height=32 border="0" name="image1" /> </a>

    <a href="presentation.php" onMouseOut="document.image1.src='images projet/presentation_01.jpg'" onMouseOver="document.image1.src='images projet/presentation_02.jpg'">
    <img src="images projet/presentation_01.jpg" width=292 height=32 border="0" name="image1" /> </a>

  2. #2
    Membre confirm�
    Inscrit en
    Octobre 2005
    Messages
    38
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2005
    Messages : 38
    Par d�faut
    Hello,

    t'as oubli� de pr�c�der les document.getElementBy ... par :
    et enfin de mettre ";" � la fin des actions

    S�bastien

  3. #3
    Membre �prouv�
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    159
    D�tails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2005
    Messages : 159
    Par d�faut
    N'est n�cessaire que dans les attributs "href"

    Pour les evenement (onmouseover,onmousout,etc...) c'est javascript qui est appell� par d�faut

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    27
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Mars 2006
    Messages : 27
    Par d�faut
    lol merci pour l'info


    mais est ce que vous allez me croire si je vous dit que j'ai re-essay� la commande la plus simple
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <img name="img1" src="images projet/presentation_01.jpg"
    onMouseOver="document.img1.src='images projet/presentation_02.jpg'"
    onMouseOut="document.img1.src='images projet/presentation_01.jpg'">
    et que maintemant �a fonctionne correctement
    c'est � rien n'y comprendre , ce st les myst�res de l'info lol
    bon �a m'a ajout� un cadre violet autour de mes images mais je pense que je vais bien finir par trouver une solution

  5. #5
    Membre �clair� Avatar de FrankOVD
    Homme Profil pro
    Directeur des syst�mes d'information
    Inscrit en
    Juin 2005
    Messages
    438
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activit� : Directeur des syst�mes d'information
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Juin 2005
    Messages : 438
    Par d�faut
    <img ... onMouseOver="src='maphoto.jpg'"> ?

  6. #6
    Membre �m�rite
    Avatar de Linaa
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    987
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 987
    Par d�faut
    Et avec ?

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <img name="img1" src="images projet/presentation_01.jpg"
         onMouseOver="this.src='images projet/presentation_02.jpg'"
         onMouseOut="this.src='images projet/presentation_01.jpg'">

  7. #7
    BnA
    BnA est d�connect�
    Membre �clair� Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    D�tails du profil
    Informations personnelles :
    �ge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par d�faut
    Ca marchera aussi, 'this' remplace simplement 'document.img1'...

    Sinon P'tite N�lodie a dit:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    j'ai re-essayé la commande la plus simple et maintemant ça fonctionne correctement
    Je r�pondrai: "Vive la simplicit�!!" :o

Discussions similaires

  1. R�ponses: 8
    Dernier message: 19/01/2006, 10h57
  2. Changement d'image suivent le passage du curseur!
    Par ghyosmik dans le forum G�n�ral JavaScript
    R�ponses: 6
    Dernier message: 03/01/2006, 17h22
  3. [FLASH 8] Realiser un changement d'image
    Par Gemelos dans le forum Flash
    R�ponses: 3
    Dernier message: 21/11/2005, 13h48
  4. Changement d'image si l'originale absente
    Par MitchDap dans le forum G�n�ral JavaScript
    R�ponses: 8
    Dernier message: 16/03/2005, 09h06
  5. changement d'image par radio boutton
    Par ph_anrys dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 14/03/2005, 16h27

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