Varios link en una imagen
2 participantes
Iscade Descargas :: FORO :: FORO PRINCIPAL :: ZONA SIN IMPORTANCIA :: FORO DE ISCADE VERSION 1.0 :: CODIGOS PARA TU WEB
Página 1 de 1.
Varios link en una imagen
Aca les dejo un interesante codigo q puse en PWGy ahora lo traigo aqui
Crear las etiquetas no es difícil, lo que puede llevar algo de tiempo es encontrar las coordenadas exactas. El código sería el siguiente:
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 seran 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.
<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://...">
Para encontra las coordenada de una manera mas rapida y sencilla , existen 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.
Espero les sirva!
SaludOs!
Crear las etiquetas no es difícil, lo que 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">
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 seran 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.
<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://...">
Para encontra las coordenada de una manera mas rapida y sencilla , existen 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.
Espero les sirva!
SaludOs!
Invitado- Invitado
Re: Varios link en una imagen
OIGA LUCKY DEJE EL SPAM Y ALMENOS ESPERO QUE ENTIENDA QUE EN LA PAPELERA NO SE PUBLICA NADA OK.... - 1 DE REPUTACION TE DOY...
SI QUIERES ESCRIBIR UN MENSAJE PON LETRAS TAMBIEN OK..
SI QUIERES ESCRIBIR UN MENSAJE PON LETRAS TAMBIEN OK..
Iscade Descargas :: FORO :: FORO PRINCIPAL :: ZONA SIN IMPORTANCIA :: FORO DE ISCADE VERSION 1.0 :: CODIGOS PARA TU WEB
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|