Duda con php
Buenos días.
Tengo una duda de como hacer esto que aparece en este link
http://www.metrocuadrado.com/servlet/co.com.pragma.m2.servlet.demanda.MostrarMapaCiudad?idCiudad=1
Con respecto a eso de los enlaces en ese mapa. ¿Cómo se hace eso?
Tengo una duda de como hacer esto que aparece en este link
http://www.metrocuadrado.com/servlet/co.com.pragma.m2.servlet.demanda.MostrarMapaCiudad?idCiudad=1
Con respecto a eso de los enlaces en ese mapa. ¿Cómo se hace eso?
1 respuesta
Respuesta de shenron
1
Eso que quieres hacer no se hace con php, por eso no encuentras como hacerlo.
Para que una imagen tenga varios links dependiendo donde pinches tienes que hacerlo con los mapas de imágenes de HTML.
Aquí te pongo un pequeño ejemplo:
<table border=0 width=450><tr><td align="center">
<map name="mapa1">
<area alt="Pulsa para ver la página de mis amigos" shape="CIRCLE" coords="44,36,29" href="#">
<area alt="Pulsa para ver mi novia" shape="CIRCLE" coords="140,35,31" href="#">
<area alt="Pulsa para conocer a mi Familia" shape="circle" coords="239,37,30" href="#">
<area alt="Pulsa para conocer mi trabajo" shape="CIRCLE" coords="336,36,31" href="#">
</map>
<img src="images/html/mapa1.gif" width="380" height="72" alt="Mapa de imágenes. Pulsa en cada una de los círculos." border="0" usemap="#mapa1">
<br>
Pulsa en los círculos para acceder a las secciones!
</td></tr></table>
Para que una imagen tenga varios links dependiendo donde pinches tienes que hacerlo con los mapas de imágenes de HTML.
Aquí te pongo un pequeño ejemplo:
<table border=0 width=450><tr><td align="center">
<map name="mapa1">
<area alt="Pulsa para ver la página de mis amigos" shape="CIRCLE" coords="44,36,29" href="#">
<area alt="Pulsa para ver mi novia" shape="CIRCLE" coords="140,35,31" href="#">
<area alt="Pulsa para conocer a mi Familia" shape="circle" coords="239,37,30" href="#">
<area alt="Pulsa para conocer mi trabajo" shape="CIRCLE" coords="336,36,31" href="#">
</map>
<img src="images/html/mapa1.gif" width="380" height="72" alt="Mapa de imágenes. Pulsa en cada una de los círculos." border="0" usemap="#mapa1">
<br>
Pulsa en los círculos para acceder a las secciones!
</td></tr></table>
