Bonjours à tous et toutes,
En fait j'essaye de créer un effet de Roll over en javascript mais celui-ci ne fonctionne que sur la première image.
Pourquoi donc ??

Code javascript:

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
<script>
monrollover = new Image();
monrollover2 = new Image();
monrollover3 = new Image();
monrollover4 = new Image();
monrollover5 = new Image();
monrollover6 = new Image();
monrollover7 = new Image();
monrollover8 = new Image();
monrollover9 = new Image();
monrollover10 = new Image();
monrollover11 = new Image();
monrollover12 = new Image();
monrollover.src = "article_small_one_hover.png";
monrollover2.src2 = "article_small_two_hover.png";
monrollover3.src3 = "article_small_three_hover.png";
monrollover4.src4 = "article_small_four_hover.png";
monrollover5.src5 = "article_small_five_hover.png";
monrollover6.src6 = "article_small_six_hover.png";
monrollover7.src7 = "article_small_seven_hover.png";
monrollover8.src8 = "article_small_height_hover.png";
monrollover9.src9 = "article_small_nine_hover.png";
monrollover10.src10 = "article_small_ten_hover.png";
monrollover11.src11 = "article_small_eleven_hover.png";
monrollover12.src12 = "article_small_twelve_hover.png";
</script>
Code html:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<dt onclick="clicMenu('1');" id="itemmenu1"><a href="#" onmouseover="monrollover.src='article_small_one_hover.png';" onmouseout="monrollover.src='article_small_one.png';"><img src="article_small_one.png" alt="terrain" name="monrollover"/></a></dt>
 
<dt onclick="clicMenu('2');" id="itemmenu2"><a href="#" onmouseover="monrollover2.src2='article_small_two_hover.png';" onmouseout="monrollover2.src2='article_small_two.png';"><img src="article_small_two.png" alt="terrain" name="monrollover2"/></a></dt>
Et ainsi de suite jusqu'au 12ème.

Merci pour vos futures réponses.