salut ,
comment on peut changer le map d'un image et aussi l'evenement onmouseover de chaque area de ce map
j'ai essayé ce code mais 
voila.
***code j script****
<script language="javascript" >
var n;
var m;
var t;
var s='0';
function f(m)
{document.brm.src=m;//brm le nom d'image modifiable
}
function nom(t,s)
{document.brm.src=t;
if(s=='1' {
document.getElementById('i1').coords="5,15,67,38"; //area 1
document.getElementById('i1').onmouseover=f('image/v.gif');
document.getElementById('i2').coords="79,15,207,37" ;//area2
document.getElementById('i2').onmouseover=f('image/cl.gif');
document.getElementById('i3').coords="220,15,383,35";;//area3
document.getElementById('i3').onmouseover=f('image/cou.gif');
document.getElementById('i4').coords="396,16,482,41";;//area4 document.getElementById('i4').onmouseover=
f('image/b.gif');
}
}
</script>
***code html****
<table width="100%">
<tr>
<td width="25%">
//premier map (menu principal)
<map name="men" >
<area shape="rect" coords="10,7,108,36" href="#" target="wind"
onmousemove="nom('image/barrepm.gif',1);">
<area shape="rect" coords="13,44,106,70" href="#" target="wind" onmouseover="nom('image/debat.gif',2);">
<area shape="rect" coords="13,85,98,108" href="#" target="wind" >
</map>
<img src="image/beaux.gif" usemap="#men" border="0"></td>
//deuxieme map(zone modifiable)
<td width="500" height="500">
<map name="brmMap" id="brmMap">
<area shape="rect" id='i1' coords="3,14,115,34" href="#" onmouseover="f('image/i.gif');"/>
<area shape="rect" id='i2'coords="152,15,346,34" href="#" onmouseover="f('image/r.gif');"/>
<area shape="rect" id='i3'coords="152,15,346,34" href="#" onmouseover="f('image/r.gif');"/>
<area shape="rect" id='i4'coords="152,15,346,34" href="#" onmouseover="f('image/r.gif');"/>
</map>
<img id="i" src="image/debat.gif" name="brm" border="0" usemap='#brmMap'/>
</td>
</tr>
</table>
merci d'avance pour vos aides 
la vie ne donne pas des cadeaux