Comment remplacer une image par une autre lors du passage de la souris ?

Je débutes tout petit, la relecture de la FAQ JavaScript

pour commencer j'ais regardé

Comment remplacer une image par une autre lors du passage de la souris ?
A mon sens la solution n'est pas optimisée,
en effet il est toujour préférable de précharger les images,
ayant ainsi une réaction immédiate.
Et inutilie depuis longtemps d'utiliser le repéarge des objets de cette façon.
Bref nous pourrions avoir un code de ce style

Citation:

---

<script type="text/javascript">
<!--
var Limg01 = new Image;Limg01.src ='fi_logos/bouton_aqua.gif';
var Limg02 = new Image;Limg02.src ='fi_logos/bouton_aquaa.gif';
//-->
</script>
<a href='metier.php' onmouseover='Lbt1x.src=Limg02.src' onmouseout='Lbt1x.src=Limg01.src'><img src='fi_logos/bouton_aqua.gif' id='Lbt1x' alt='' /> Un lien </a>");

---

Bonjour Christele_r,

plusieurs choses d'abord :
- la discussion que j'ai ouverte ne concerne qu'une toute petite partie de la FAQ en l'occurrence la balise table (Vermine si tu me lis peux-tu créer une nouvelle discussion avec le message de Christele_r ? :merci:)
- si tu veux nous aider à mettre à jour la FAQ lis la procédure décrite par Vermine

Citation:

---

Envoyé par christele_r

Je débutes tout petit, la relecture de la FAQ JavaScript

pour commencer j'ais regardé

Comment remplacer une image par une autre lors du passage de la souris ?
A mon sens la solution n'est pas optimisée,
en effet il est toujour préférable de précharger les images,
ayant ainsi une réaction immédiate.
Et inutilie depuis longtemps d'utiliser le repéarge des objets de cette façon.
Bref nous pourrions avoir un code de ce style

---

Tes remarques sont vraies sauf peut-être pour getElementById() : dans des fonctions javascript, il vaut mieux l'utiliser. Et personnellement, je n'aime pas cibler les éléments comme tu l'as fait, on peut avoir des mauvaises surprises ;)

La solution que tu proposes a un défaut : il y a du code PHP (la fonction echo), alors que nous sommes en javascript même s'il est vrai qu'il faut précharger les images. Je te propose une solution également :

Code:

---

<img src="ImgDepart.gif" onmouseover="this.src='ImgDessus.gif'" onmouseout="this.src='ImgDepart.gif'">

---

Citation:

---

Envoyé par Auteur

Bonjour Christele_r,
Tes remarques sont vraies sauf peut-être pour getElementById() : dans des fonctions javascript, il vaut mieux l'utiliser. Et personnellement, je n'aime pas cibler les éléments comme tu l'as fait, on peut avoir des mauvaises surprises ;)

La solution que tu proposes a un défaut : il y a du code PHP

---

oui c'est l'acien code que j'avais posté :oops: J'ais corrigé !