Bonjour,

Je voudrais qu'au survol d'un lien, l'image du lien change.
J'ai fait une fonction pour cela, mais cela ne marche pas!

Voici ma page
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
 
<head>
<script type="text/javascript">
function changeImg(mn) {
	var img = document.getElementById(mn).src;
	if (img == "imgs/image1.gif")
		document.getElementById(mn).src = "imgs/image2.gif";
	else {
		document.getElementById(mn).src = "imgs/image1.gif";
	}
}
</script>
</head>
 
<body>
<a href="index.php" title="Test" onmouseover="changeImg('mn1')" onmouseout="changeImg('mn1')">
	<img id="mn1" src="imgs/image2.gif" />Test</a>
</body>
 
</html>
Le problème est que l'image change une première fois, puis reste la même.

En affichant le contenu de img, j'obtiens le chemin complet de l'image, c'est pour cela que ça passe toujours dans le else.
Mais comment dois-je faire pour que ça fonctionne ?

Merci de votre aide.