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>

Hello,

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

Code:

---

1 2	javascript:

---

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

Sébastien

Code:

---

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 :)

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:

---

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

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

Et avec ?

Code:

---

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

---

Ca marchera aussi, 'this' remplace simplement 'document.img1'...

Sinon P'tite Nélodie a dit:

Code:

---

j'ai re-essayé la commande la plus simple et maintemant ça fonctionne correctement

---

Je répondrai: "Vive la simplicité!!" :o