Mapas de imágenes
Los mapas de imágenes sirven para representar múltiples enlaces dentro de una imagen dependiendo de la zona. Lo primero que debemos de hacer es declarar la imagen como mapa. Para ello utilizaremos el atributo usemap para indicar el mapa a usar sobre la imagen.
<IMG SRC=”imagen.gif” USEMAP=”#mapa1”>
Posteriormente deberemos de codificar el mapa. Los mapas se definen mediante la etiqueta MAP que tiene la siguiente estructura:
<MAP NAME=”nombreDelMapa”>
<AREA SHAPE="formaZona" COORDS="coordenadas"
HREF="enlace" ALT="comentario">
</MAP>
Los posibles formas del parámetro SHAPE y COORDS son:
- RECT, rectángulo o cuadrado. Sus coordenadas son COORDS=”x1,y1,x2,y2”. Vértice superior izquierdo y vértice inferior derecho.
- POLY, polígono. Sus coordenadas son COORDS=”x1,y1,x2,y2,...,xn,yn”. Todos los vértices del poligono.
