changer dynamique la valeur d'un champ src

**debo41** · 15/06/2009, 18h01

Bonjour,
J'ai un petit pb
En fait je voudrais changer dynamiquement la valeur d'un champs image src.

Je vous laisse mon code pour mieux comprendre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
 
	<script language="Javascript">  
	function changerPhoto(var s) {
			document.getElementById("principale").src = s ;
	}
 
 
</script>
<title>Essai</title>
</head>
<body>
 
<p><img  id="principale" src="photo1.PNG"   width="250" height="250">   </a>    </p>
 
	  <p><img onMouseOver="changerPhoto('photo2.PNG')"   src="photo2.PNG" width="100" height="100">
	  <img onMouseOver="changerPhoto('photo3.PNG')"  src="photo3.PNG" width="50" height="50">
 
	  </p>
</body>
</html>

En fait je veux que lorsque l'utilisateur passe la souris sur la photo 2 ou la 3, je voudrais afficher celle dans mon champs photo 1 (principale)

Et la avec le code que j'ai rien ne se passe

Suis je assez clair ?
Si vous avez des question n'hésitez pas
Merci d'avance