Bonjour !
J'ai créé une image que j'appelle dans ma page de cette manière :
<img id="mon_image" src="img/image1.png" border="0" usmap="#ma_map">
Jusque là, pas de problème.
J'ai également créé ma map :
<map name="ma_map">
<area shape="rect" coords="0,0,115,30" href="javascript:js_local_diaporama('page1.png');" title="Risques identifiés">
<area shape="rect" coords="115,0,235,30" href="javascript:js_local_diaporama('page2.png');" title="Paramètres dossier">
<area shape="rect" coords="660,450,680,470" href="javascript:js_local_diaporama('page3.png');">
<area shape="rect" coords="560,450,580,470" href="javascript:js_local_diaporama('page2.png');">
<area shape="rect" coords="235,0,355,30" href="javascript:js_local_diaporama('page4.png');" title="Unités de travail">
<area shape="rect" coords="355,0,470,30" href="javascript:js_local_diaporama('page5.png');" title="Questionnaire">
<area shape="rect" coords="600,0,715,30" href="javascript:js_local_diaporama('page6.png');" title="Suivi des actions">
</map>
Je me sert de cela pour céer un diaporama (changer la source de l'image)
Voici la fonction js :
function js_local_diaporama(image)
{
var new_scr = "img/"+image;
document.getElementById("mon_image" ).src = new_scr;
}
Mon problème c'est que l'image change uniquement sous Firefox, mais rien ne se passe sous IE
Merci !