Bonjour à tous,

J'ai une grande image au centre de ma page et des petites images à gauche, j'aimerais que lorsqu'on click sur une petite image de gauche elle vienne à la place de la grande image.

j'ai ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<center><img style="height:350px;width:350px;"src="img/hotel_1.jpg" id="img_centre" name="img_centre" /></center>
			<div id="image_gauche">
				<a href="" onclick="fnClick('hotel_1');"><img id="hotel_1" name="hotel_1" style="height:110px;width:150px;border:1px solid red;" src="img/hotel_1.jpg" /></a><br/>
				<a href="" onclick="fnClick('hotel_2');"><img id="hotel_2" name="hotel_2" style="height:110px;width:150px;border:1px solid red;" src="img/hotel_2.jpg" /></a><br/>
				<a href="" onclick="fnClick('hotel_3');"><img id="hotel_3" name="hotel_3" style="height:110px;width:150px;border:1px solid red;" src="img/hotel_3.jpg" /></a><br/>	
			</div>
et ma fonction javascript :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
function fnClick(id_img){
	var dossier = "img/";
	document.getElementById("img_centre").src = dossier + id_img +".jpg";
}
Je précise que ca me change tout de même l'image pendant 1 fraction de seconde et après cela redevient celle par défaut :/

je développe le site en jsp si ca change quelque chose.

Merci beaucoup de votre aide