Bonjour,
j'ai une image d�coup�e en area. Je souhaiterai changer l'image lorsque la souris survolle l'area de fa�on � surligner certaines zones de l'image:
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
<img id="picture" src="./images/pic1.gif" usemap="#mamap" style="border: 0;"/>
<map name="mamap">
	<area href="url" shape="rect" coords="0,3,114,19"  onMouseOver='changeImage(1)' onMouseOut='changeImage(0)'/>
	<area href="url" shape="rect" coords="0,248,114,265"  onMouseOver='changeImage(2)' onMouseOut='changeImage(0)'/>
	<area href="url" shape="rect" coords="273,3,387,19" onMouseOver='changeImage(3)' onMouseOut='changeImage(0)'/>
...
Dans le but de pr�charger mes images j'inclu dans le header de la page un lien vers un javascript:
Code : S�lectionner tout - Visualiser dans une fen�tre � part
<script type="text/javascript" src="js/picture_init.js"></script>
et la m�thode onload du body appel la m�thode de pr�chargement:
Code : S�lectionner tout - Visualiser dans une fen�tre � part
<body onLoad="init_acceuil()">
voici le contenu du fichier js:
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
var images = new Array(6);
for (var i=0 ; i <images.length; i++) 
		images[i]= new Image();
 
function init_acceuil(){	
	 images[0].src="images/pic1.gif";
	 images[1].src="images/pic2.gif";
	 images[2].src="images/pic3.gif";
	 images[3].src="images/pic4.gif";
	 //etc...
}
 
function changeImage(n) {
	alert(images[n].src);
	document.images["picture"].src=images[n].src;
}
Sous firefox, je n'ai aucun probl�me: �a marche (confirm� par la messagebox...) par contre sous internet explorer "images[n].src" est vide comme le confirme la message box (ce qui g�ne un peu pour l'affichage ). Conclusion, je pense que j'ai un probl�me au nivau de la port�e de la variable images, difficult� que je n'arrive pas � r�soudre.

Quelqu'un pourrait il me d�bloquer??

Merci de votre aide!!!!!!!