Bonjour à tous,

cela fait un bon moment que j'écume les forums afin de savoir comment résoudre mon problème, jusque là sans succès. J'imagine que cela ne vous posera pas autant de difficulté qu'à moi (je suis débutant en javascript): en fait j'aimerais qu'au survol d'une partie de mon image, cette partie (et non l'image entière) devienne transparente. J'aimerais donc que chaque zone (chaque "area" dans mon code) puisse être traitée de manière autonome.
Je suis parvenu au code suivant mais il ne fonctionne pas :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<map name="mymap" id="mymap">
	<area shape="rect" coords="1,1,50,20" a href="javascript:void(0);" onMouseOver="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" onMouseOut="this.style.MozOpacity=1; this.filters.alpha.opacity=100" " target="_blank"  title="bla bla"></a>
	<area shape="rect" coords="1,1,200,30" a href="javascript:void(0);" onMouseOver="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50"  onMouseOut="this.style.MozOpacity=1; this.filters.alpha.opacity=100" target="_blank"  title="blabla2"></a>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
	<img src="http://www.monsite.com/images/nomdelimage.jpeg" style="position:absolute; left:0px; top:200px" width="368" height="450" usemap="#mymap" border="0"/></a>

Merci beaucoup de votre aide qui me sera précieuse.