Changer une image au passage de la souris

Hello,

A gauche une liste de mots, à droite un encart pour mettre une image. Je voudrais que l'image change quand on passe la souris sur les mots de gauche. Chaque mot aurait son image.

Comment faire ce genre de bidouille svp ?

@+
David

Bon, je me sens coupable de recommander jQuery dans chacun de mes posts de cette rubrique, mais bon... ça répond souvent aux questions.

Ton code html:

<div class="unmot" rel="images/image1.jpg">mot 1</div>
<div class="unmot" rel="images/image2.jpg">mot 2</div>
<div class="unmot" rel="images/image3.jpg">mot 3 !</div>

<img src="images/imagepardefaut.jpg" id="monimage" />

Ton code javascript :

$(document).ready(function()
{
	$('.unmot').hover(function()
	{
		$('#monimage').attr('src',$(this).attr('rel'));
	});
});

Modifié par icareo (26 May 2010 - 23:02)