Índice
Portal
Buscar
Últimas imágenes
Registrarse
Conectarse
![[Código HTML] Imagen con varios links Empty](https://2img.net/i/empty.gif)
Imagen con varios links
Puede llevar algo de tiempo es encontrar las coordenadas exactas. El código sería el siguiente:
Luego es necesario especificar la forma y tamaño del sector a linkear.
Las formas puede ser círculos (CIRCLE), rectángulo (RECT) o una polilínea (POLY), y se especifican en la etiqueta SHAPE.
Además, hay que incluir las coordenadas de la superficie de trabajo, relativas de la esquina superior izquierda de las imágenes.
En caso de un círculo serás tres números, separados por comas y entre paréntesis. Los dos primeros especifican las coordenadas X,Y y el tercero el radio.
Para los rectángulos tendremos cuatro valores, los dos primeros marcan las coordenadas del vértice superior izquierdo, y los restantes el ángulo opuesto.
Y para las polilíneas, se dan pares de valores por cada vértice. Obviamente, las dos ultimas deben coincidir con las dos primeras, para cerrar la polilínea.
Saludos! ;)
Puede llevar algo de tiempo es encontrar las coordenadas exactas. El código sería el siguiente:
- Código:
<img SRC="nombredelarchivo.jpg" USEMAP="#ejemplo" BORDER=0 height=XXX width=XXX>
<MAP NAME="ejemplo">
Luego es necesario especificar la forma y tamaño del sector a linkear.
Las formas puede ser círculos (CIRCLE), rectángulo (RECT) o una polilínea (POLY), y se especifican en la etiqueta SHAPE.
Además, hay que incluir las coordenadas de la superficie de trabajo, relativas de la esquina superior izquierda de las imágenes.
En caso de un círculo serás tres números, separados por comas y entre paréntesis. Los dos primeros especifican las coordenadas X,Y y el tercero el radio.
Para los rectángulos tendremos cuatro valores, los dos primeros marcan las coordenadas del vértice superior izquierdo, y los restantes el ángulo opuesto.
Y para las polilíneas, se dan pares de valores por cada vértice. Obviamente, las dos ultimas deben coincidir con las dos primeras, para cerrar la polilínea.
- Código:
<AREA SHAPE=CIRCLE COORDS="x,x,x" HREF="http://...">
<AREA SHAPE=RECT COORDS="x,x,x,x" HREF="http://...">
<AREA SHAPE=POLY COORDS="x,x,x,x,x,x,x,x...." HREF="http://...">
Saludos! ;)
![[Código HTML] Imagen con varios links 213607](/users/1711/39/60/96/smiles/213607.gif)
a "HTML"
