Permutation d'images

Bonjour à toutes et à tous,
Mon problème est le suivant.

J'ai un menu sur la droite. Quand je clique sur une des entrées du menu, un texte est des images s'affiche dans la zone sous l'image.
Quand je passe ma souris sur une des vignettes présentes en dessous, l'image plus grande doit prendre la place de l'image du dessus, et rétablir l'image initiale quand le curseur de la souris quitte la vignette. J'ai le code suivant, mais rien ne fonctionne.

<div class="gallerie_vignette">
<a href="#GameInfoDisplay" class="highlightit_vignette_loto_musical"
onMouseOver="document.getElementById('Melo_Display').src='images/programmer_une_chanson_240.jpg';return false;"
onMouseOut="document.getElementById('Melo_Display').src='images/atelier_chant.jpg';return false;">
<img src="images/programme_une_chanson_100.jpg" width="75" height="100"></a></div>

<div class="gallerie_vignette">
<a href="#GameInfoDisplay" class="highlightit_vignette_loto_musical"
onMouseOver="document.getElementById('Melo_Display').src='images/page6 - classeur nomade_240.jpg';return false;"
onMouseOut="document.getElementById('Melo_Display').src='images/atelier_chant.jpg';return false;">
<img src="images/page6 - classeur nomade_100.jpg" width="133" height="100"></a></div>

J'espère avoir été assez clair.
Une idée...
Modifié par luxojr (12 May 2010 - 16:45)

Tu cherches à changer le src d'une image ayant l'ID "Melo_Display", or ta balise img ici n'a pas cet ID il me semble.