• Mapping + Images aléatoire •

Bonjour,

Après recherche sur le Forum où je ne trouve pas réponse à mon problème, j'en viens a vous demander votre aide sur une histoire de 'mapping + images aléatoire' .
En fait, je souhaite pouvoir réaliser mon mapping entre 2 images (qui ont la même map, vu que j'ai fais en sorte que les liens sur les images soit situer exactement au même endroit), et que celle-ci tourne de façon aléatoire sur mon Site (En gros, qu'à chaque clique sur la page, l'image change.).

Voici mon petit morceau de code :

<script type="text/javascript">

document.write("<img src='images/1/" + parseInt(Math.random()*2) + ".png' width='500' height='648' alt='Galerie Ayumi Hamasaki' title='Galerie Ayumi Hamasaki' />");

</script>

 
<img name="ayu" width="500" height="648" border="0" usemap="#ayu" alt="" />

 
<center><map name="ayu">

<area shape="rect" coords="224,494,494,527" href="#bio" alt="Biographie Ayumi Hamasaki" title="Biographie">

<area shape="rect" coords="42,306,188,338" href="#lyrics" alt="Lyrics Ayumi Hamasaki" title="Lyrics">

<area shape="rect" coords="296,153,470,185" href="#pix" alt="Galerie Ayumi Hamasaki" title="Galerie">

</map></center>

Le 'hic', c'est que indépendemment le script et le map marche très bien ... mais les deux ensembles, je n'y arrive pas ...

Si vous trouvez la réponse à ma requète trop facilement, pouvez-vous m'expliquer une manière de faire en sorte que ces deux images aléatoire puisse avoir un mapping différents ?!

Merci pour vos réponses et à très bientôt!