Hola,
ya nos conocemos... Bueno, te pongo el ejemplo de mapeo.
<img src="imagen.jpg" width="563" height="431" border="0" usemap="#mapita">
<map name="mapita">
<area shape="rect" coords="254,212,356,290" href="pagina_nueva.htm">
<area shape="circle" coords="140,349,33" href="pagina_nueva2.htm">
<area shape="poly" coords="355,370,403,318,477,313,517,273,518,338,458,384,390,415" href="pagina_nueva3.htm">
</map>
Como ves, en la etiqueta IMG hay que hacer referencia a que hay un mapeo que la afecta.
En, la etiqueta de mapeo te pongo todos los modos de mapeo que hay:
- rect.- Le das las dos esquinas en pixels. Pero son coordenadas relativas de la imagen, empezando arriba a la izquierda.
- circle. Le das el centro (x e y)y el radio
-poly.- le vas dando los puntos tal y como quieras que aparezca la forma geometrica de multiples vertices.
En cada uno de ellos puedes ponerle el href que quieras para que se vaya a esa pagina al hacer click. Tambien admite target.
un saludo
