Zona de cliqueo en imagen

barand · #1 (**permalink**) 14/06/2005, 18:41

Hola:
Tengo que resolver un problema y es el siguiente:
Tengo una imagen creada con formato JPG (la cual tambien podria ser GIF), esta imagen funcionara como un menu en un sitio que quiero crear.

El tema es como puedo hacer para definir una zona de cliqueo dentro de esa imagen y asi ejecutar un hipervinculo.

Desde ya gracias

El_derby · #2 (**permalink**) 14/06/2005, 18:50

eso se puede hacer en firewoks le das click derecho y seleccionas dar hipervinculo

guigue · #3 (**permalink**) 15/06/2005, 02:51

Si lo que quieres es que una zona de la imagen contenga un hipervínculo vas a tener que hacer un mapa creo que se llamaba en dreamweaver.
SI quieres meter varios hipervínculos en una imagen lo más normal es cortar la aimagen y asignarselo al pedacito correspondiente, llenando con las imagenes sin vincular el resto de la tabla.
¿que programa usas?

CREW · #4 (**permalink**) 15/06/2005, 07:42

Primero que nada BARAND, debes de definir en que programa vas a hacer tu hipervinculo con el .jpg, ya que Flash, Dreamweaver y quizas Fireworks tienen diferentes formar de hacer una vinculación, te explico:

- Flash: Para hacer tu hipervinculo en este programa debes previamente convetir tu .jpg en un boton, en dicho boton te salen 4 fotogramas o fases (Reposo, Sobre, Presionado y Zona Activa), en el fotograma que dice "Zona Activa" hay demarcas (recuadro o circulo) la zona que quieres que al pasar sobre el se active el cursor tipico de los botones (manito).

- Fireworks: en este programa debes previamente colocar el .jpg sobre el documento y en la paleta de herramienta seleccionas la herramienta "Herramienta División" o simplemente presionas la tecla "K" ycon el mouse seleccionas la zona que deseas que sea el hipervinculo, luego selecionada la zona demarcada (recuadro de color verde transparente, por lo general), te vas a la paleta "Comportamiento" y en el boton "+" que significa "Añadir comportamiento" escojes "Rollover Simple"; una vez que hayas hecho esto te puedes ir a la paleta "Propiedades" (Esto es opcional si deseas) y hay puedes hacer la vinculación directamente a la pagina o sitio (URL) que desees hacer y asi hacer de una vez sin que tengas que hacerlo en Dreamweaver.

- Dreamweaver: en este programa simplemente colocas la imagen en alguna celda ( de tu preferencia) y en la paleta "Propiedades" haces la vinculación o hipervinculo que deseas hacer a una URL.

Espero a verte AYUDADO!!!

guigue · #5 (**permalink**) 15/06/2005, 08:10

A ver, creo que entiendo que tienes una imagen donde quieres alojar varios botones (es decir, dentro de la imagen hay varios elementos que quieres se vinculen con otro archivo o url.
Lo normal en estos casos, como te comenté, es, o bien separar fondo y botones, con lo cual los botones bien de imagen, bien de texto, serían los que contienen los hipervínculos, mientras la imagen queda como fondo de estos botones, o bien cortas la imegen en secciones, quedando aquellas que quieres vincular como botones de menú.
Usa la que te apetezca, eso si, como indicó CREW va a ser diferente el proceso para vincular según el programa, en flash vas tener que trabajar con capas, en dreamweaver con un fondo de tabla y botones en celdas o distribución dentro de la tabla.
Si estás trabajando en html, lo mejor es que guardes una página que tenga lo que quieres y la abras en tu editor para ver como lo han resuelto.

CREW · #6 (**permalink**) 15/06/2005, 08:21

Ola Guigue, pero nonecesariamente tiene que trabajar con capas en Flash para hacer lo botones con hipervinculo, perfectamente puede trabajar en una sola capa, y perfectamente trabajar con una sola imagen o .jpg, donde haya diferentes fotos o elementos (por ejemplo), ya que pensandolo bien puede usar a lo más 2 capas en Flash, una donde este la imagen y la otra para los botones o hipenvinculos, en la capa botones con la herramienta de recuadro hace un simple recuadro o circulo en las diferentes zonas que desea que te vinculen a otras URL, eso si tiene que convertir cada ciruclo o recuadro a boton (F8) por separado, luego en cada boton elimina el recuadro o circulo y en la "Zona Activa" selecciona la zona que desea que se active el curso de la mano... eso es super simple

guigue · #7 (**permalink**) 15/06/2005, 08:39

Ya, lo que quería recalcar es que tiene que separar fondo y botones, por eso lo de las capas. Es que al principio habla de una sola imagen jpg que quiere que ontenga un menú (que entiendo tenga varios botones).

CREW · #8 (**permalink**) 15/06/2005, 08:49

Ahhh, es eso si, inclusi diria que puede hacerlo en una sola capa, más que nada las 2 capas es para que no confunda o enrrede...

En fin espero que nos entiendas Barand

Salu2

caricatos · #9 (**permalink**) 15/06/2005, 13:35

Hola:

Independientemente del programa que se use, la solución pasa por crear un mapa de la imagen (etiqueta map) y saber definir los áreas...

Se puede hacer "online": http://www.pepemolina.com/mapas/

Aunque la página es bastante básica, espero que sirva de referencia.

Saludos