Foros del Web » Programando para Internet » Javascript »

Imagen en cada area de un mapa

Estas en el tema de Imagen en cada area de un mapa en el foro de Javascript en Foros del Web. Que tal a todos busque por internet y por todo el foro y no encontre lo que queria. Tengo un mapa con iconos de hoteles ...
  #1 (permalink)  
Antiguo 02/04/2009, 12:27
 
Fecha de Ingreso: abril-2005
Mensajes: 247
Antigüedad: 19 años
Puntos: 1
Imagen en cada area de un mapa

Que tal a todos busque por internet y por todo el foro y no encontre lo que queria.

Tengo un mapa con iconos de hoteles al pasar por el hotel quiero que me salga el tooltip= imagen + nombre hotel (texto) en cada area de mi mapa, solo pude encontrar este ejemplo y aplicarlo a mi imagen:

http://www.angelseron.com/tolltip/jQ...ltipPlugin.htm

Me falta insertar la imagen que va arriba de cada titulo pero necesito me ayuden que truco utilizar ya que deberia quedar algo asi para cada casita debe salir diferente imagen:

http://www.angelseron.com/tolltip/mapa-ejm.jpg

gracias por la ayuda.
  #2 (permalink)  
Antiguo 02/04/2009, 15:07
 
Fecha de Ingreso: abril-2009
Mensajes: 8
Antigüedad: 15 años
Puntos: 0
Respuesta: Imagen en cada area de un mapa

Bueno como que no logro entender lo que quieres, puedes ser un poco mas explicito, no se si la imagen que muestras es lo que ya has hecho o es de una pagina y quieres hacer algo como eso! ?
  #3 (permalink)  
Antiguo 02/04/2009, 17:19
 
Fecha de Ingreso: abril-2005
Mensajes: 247
Antigüedad: 19 años
Puntos: 1
Respuesta: Imagen en cada area de un mapa

Esto es un demos en photoshop como debe quedar:
http://www.angelseron.com/tolltip/mapa-ejm.jpg

Pero yo lo eh avanzando hasta aqui donde solo me logra salir el title de cada casita nose que truco hacer para que salga en cada mapeo (<area>) una imagen con su texto como la url anterior, pasar mouse por casitas:
http://www.angelseron.com/tolltip/jquerytooltip.htm

Gracias.

Última edición por angelseron; 03/04/2009 a las 08:50
  #4 (permalink)  
Antiguo 03/04/2009, 08:50
 
Fecha de Ingreso: abril-2005
Mensajes: 247
Antigüedad: 19 años
Puntos: 1
Respuesta: Imagen en cada area de un mapa

Aun no eh podido resolver esto.

gracias
  #5 (permalink)  
Antiguo 05/04/2009, 13:51
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Imagen en cada area de un mapa

El asunto es que no sería un tooltip; sería "como" un tooltip, pero hecho con una capa.

Y es eso, pones una capa oculta por ahí con una imagen y un span o párrafo para el texto. A cada área del mapa le das un evento (se puede hacer sólo con CSS ¿pero para qué te vas a estar complicando?) y que cuando pasas el puntero haga visible la capa, la ubique y le cargue el src de la imagen con su texto (todo puede estar como variables en la función del evento, así usas un sólo escript para todo el mapeado).
Por supuesto, al retirar el puntero la capa se hace invisible de nuevo.

Como es imposible que no hayas encontrado el código para mil ejemplos en internet ni en el foro (lo que estás pidiendo es viejísimo!), no los voy a repetir aquí. Pero ya que pasé, te dejo algunos enlaces.

a ver si se puede hacer esto

Diferentes MouseOver's a una Imagen

¿Fondo Semi-Transparente? Es Posible?

hace un alt

descripcion de un select

Zoom en una imagen

Última edición por furoya; 15/05/2009 a las 14:56 Razón: me faltó un enlace
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:20.