Hola Mikil
Espero que este ejemplo te sea útil
Cita: <HTML>
<HEAD>
<TITLE>1</TITLE>
</HEAD>
<BODY bgcolor="#C8E0D8" onunloda="cerrando()"><!-- Imagen de 502 x 334 -->
<img SRC="fig402.gif" ALT="Croquis de las instalaciones" BORDER=1 align="right" USEMAP="#prueba_Map">
<MAP NAME="prueba_Map">
<AREA STYLE="cursor:hand" href="javascript
:uno();" SHAPE="poly" COORDS="1,1, 150,169, 174,184, 222,126, 219,120, 225,109, 201,85, 186,105" onmouseover="ver.innerHTML='<b>Area 1</b>'" onmouseout="ver.innerHTML=' '">
<AREA STYLE="cursor:hand" href="javascript
:dos();" SHAPE="rect" COORDS="200,200, 300,300" onmouseover="ver.innerHTML='<b>Area 2</b>'" onmouseout="ver.innerHTML=' '">
</MAP>
<P id=ver>ver</p>
</BODY>
</HTML>
Usa una imagen de 502 x 334.
Yo lo hice con texto, pero puedes reemplazar
ver.innerHTML='<b>Area 2</b>'
por
ver.innerHTML='<img src...>'
Suerte
