Discussion :

[P'tite Nélodie]

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>

[seb_m]

Hello,

t'as oublié de précéder les document.getElementBy ... par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
javascript:

et enfin de mettre ";" à la fin des actions

Sébastien

[narnou]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
javascript:....

N'est nécessaire que dans les attributs "href"

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

[P'tite Nélodie]

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

[FrankOVD]

<img ... onMouseOver="src='maphoto.jpg'"> ?

[Linaa]

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'">

[BnA]

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