Varios links en una misma imagen
Hoy es posible linkear solo una o varias parte de una misma imagen a diferentes destinos, gracias al tag MAP. Los mapas de imágenes convierten parte de la superficie de un .gif o .jpg en un link a otra dirección. La diferencia de enlazar la imagen a un url específico es que estaríamos tomando la totalidad de la superficie de la imagen, en cambio, utilizando las etiquetas MAP podemos especificar la forma, tamaño y coordenadas sobre la imagen. Crear las etiquetas no será difícil, lo que puede llevar algo de tiempo es encontrar las coordenadas exactas. El código sería el siguiente: <img SRC="nombredelarchivo.jpg" USEMAP="#ejemplo"
BORDER=0 height=XXX width=XXX> Luego es necesario especificar la forma y tamaño del sector
a linkear. Además, hay que incluir las coordenadas de la superficie
de trabajo, relativas de la esquina superior izquierda de las imágenes. <AREA SHAPE=CIRCLE COORDS="x,x,x" HREF="http://..."> Para no volverse monos buscando las coordenadas correctas, existes pequeños programas que lo hacen por nosotros. Solo se debe abrir la imagen y especificar las áreas y los links, y por resultado el programa nos dará el código html listo para incluir en la página. El más recomendado es MapThis, ya que es gratuito y nos permite trazar mapas de imágenes con muchas formas diferentes. |