changer dynamique la valeur d'un champ src
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:
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
