[Résolu] Image dynamique, images Map

Bonjour
J'ai crée une image dynamique(très bien avec la function replaceImage) ai fait le test avec des images simples que je souhaite à présent remplacer par des images Map(j'ai les codes HTML).
Ma question est: comment intégrer ces derniers ( images Map) dans mon image dynamique?

<area href="javascript:replaceImage('img1','images Map[area...]','map#')"shape="poly" title=" " coords=" " ></area>

Merci.

Note: je suis novice et autodidacte...

Pardon je me suis très mal exprimée lors de mon premier post...
Voilà:
J'ai crée une image réactive comme dans http://pingouindesalpes.com/?article169/des-images-reactives.
Veux exactement faire idem sauf que mes autres images sont réactives également...
Pour plus d'explication....

ma 1ère image:

<script>

function replaceImage(imgid,source,mapid)

{

var image = document.getElementById(imgid);

image.src= source;

var newmap = document.getElementById(mapid);

var origin = document.getElementById("mapgeneric");

origin.innerHTML = newmap.innerHTML;

}

</script>

<div id="content">

<img border="0" height="350" id="img1" src="http://image.png" usemap="#mapgeneric" width="952">

<map id="mapgeneric" name="mapgeneric">

<area coords="66,28,66,244,163,244,163,28" href="javascript:replaceImage('img1','http://img.png','mapA')" shape="poly" title=" ">

<area coords="305,28,305,244,400,244,400,28" href="javascript:replaceImage('img1','http://imag.png','mapB')" shape="poly" title=" ">

<area coords="543,28,543,244,639,244,639,28" href="javascript:replaceImage('img1','http://imag.png','mapD')" shape="poly" title=" ">

<area coords="754,28,754,244,918,244,918,28" href="javascript:replaceImage('img1','http://imag.png','mapE')" shape="poly" title=" ">

</map>

<map id="mapSM" name="mapSM">

<area coords="66,28,66,244,163,244,163,28" href="javascript:replaceImage('img1','http://img.png','mapA')" shape="poly" title=" ">

<area coords="305,28,305,244,400,244,400,28" href="javascript:replaceImage('img1','http://imag.png','mapB')" shape="poly" title=" "> <area coords="543,28,543,244,639,244,639,28" href="javascript:replaceImage('img1','http://imag.png','mapD')" shape="poly" title=" ">

<area coords="754,28,754,244,918,244,918,28" href="javascript:replaceImage('img1','http://imag.png','mapE')" shape="poly" title=" ">

</map>

<map id="mapA" name="mapA">

<area coords="62,289,62,327,180,327,180,289" href="javascript:replaceImage('img1','source.png','mapSM')" shape="poly"> </map>

<map id="mapB" name="mapB">

<area coords="62,289,62,327,180,327,180,289" href="javascript:replaceImage('img1','source.png','mapSM')" shape="poly">

</map>

<map id="mapD" name="mapD">

<area coords="62,289,62,327,180,327,180,289" href="javascript:replaceImage('img1','source.png','mapSM')" shape="poly">

</map>

<map id="mapE" name="mapE">

<area coords="62,289,62,327,180,327,180,289" href="javascript:replaceImage('img1','source.png','mapSM')" shape="poly">

</map>

</div>

la 2ème,3ème et 4ème images sont ainsi:

<img border="0" height="350" src="http://img.png" usemap="#Map" width="952">

<map name="ApplicationserruresMap">

<area target="_self" title="interactive">

<area alt=" " coords="220,41,220,64,282,64,282,41" href="http://#" shape="poly" target="_self" title=" ">

<area alt=" " coords="252,123,252,149,282,149,282,123" href="http://#" shape="poly" target="_self" title=" ">

<area alt=" " coords="530,170,530,197,611,197,611,170" href="http://#" shape="poly" target="_self" title=" ">

<area alt=" " coords="849,46,849,78,950,78,950,46" href="http://#" shape="poly" target="_self" title=" ">

</map>

Ma question est: comment intégrer ma 2ème 3ème et 4ème image réactive dans ma 1ère image réactive?

Peut-on m'aider je vous prie?

Merci

Solution trouvée toute seule YOUPI!!!!!
Trop TOP

Je sais que je n'ai pas respecté certains règles mais je ne sais pas utiliser ces trucs pour écrire les codes. Je suis autodidacte et ne découvre tout ça que depuis 2 semaines afin de construire mon site...
Excusez mon ignorance.