Bonjour !
En faite je m'y connais vraiment pas en Javascript, et j'essaye de faire un truc qui parait simple malheureusement ça passe pas, j'ai toujours la même erreur.
Donc je m'explique, en gros c'est un rollover une map area.
J'ai premierement défini mes images en préchargement pour éviter que ce soit trop long lors du rollover :
Mon image est divisée en plusieurs parties, mon but est que lorsque je mets la souris sur la partie 2 par exemple, il me change mon image actuelle en l'image menu_2.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <script type="text/javascript"> var menu_0 = new Image(); menu_0.src = "img/top_menu.jpg"; var menu_1 = new Image(); menu_1.src = "img/top_menu1.jpg"; var menu_2 = new Image(); menu_2.src = "img/top_menu2.jpg"; </script>
Donc j'ai une fonction :
Et j'appelle ma fonction comme suit :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <script type="text/javascript"> function menuChange(val) { document.getElementById('imgMenu').src = val.src; } </script>
Et le soucis c'est qu'il ne me reconnait pas menu_1 comme la variable que j'ai déclarée au début.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <img id="imgMenu" src="img/top_menu.jpg" alt="Top Menu" width="775" height="47" usemap="#mapMenuTop" /> <map name="mapMenuTop" id="mapMenuTop"> <area shape="poly" coords="79,13,191,13,169,35,56,35" href="#1" onmouseover="menuChange(menu_1);" onmouseout="menuChange(menu_0);" alt="" /> </map>
Dans ma fonction menuChange(val), si je met "alert(val.src)" il me dit que src est null, et que val est "undefined".
Alors voilà mon soucis, je vois pas trop d'où ça vient, surement un truc bête pour les gens qui s'y connaissent mais bon. Si quelqu'un pouvait m'aider ça serait sympa !
Merci d'avance.
Partager