Foros del Web » Creando para Internet » HTML »

imagen + <map>

Estas en el tema de imagen + <map> en el foro de HTML en Foros del Web. ando perdido !!! tengo una imagen (un mapa geogràfico), con unos iconos, quisiera que al pasar el raton por encima del icono abriera una ventana ...
  #1 (permalink)  
Antiguo 16/01/2003, 03:49
 
Fecha de Ingreso: agosto-2002
Ubicación: Lleida
Mensajes: 494
Antigüedad: 15 años, 3 meses
Puntos: 0
imagen + <map>

ando perdido !!!
tengo una imagen (un mapa geogràfico), con unos iconos, quisiera que al pasar el raton por encima del icono abriera una ventana mostrando la imagen asociada y al salir la cerrara.
¿alguien ha hecho algo parecido?

el tema de la imagen con un map, lo he probado y si, pero no se como ponerle mas de un map a la misma imagen, y tampoco se por donde mirar para hacer que al pasar por encima haga el efecto de ver la foto

¿me ayudais?
  #2 (permalink)  
Antiguo 16/01/2003, 08:15
Avatar de DanielRey
Usuario no validado
 
Fecha de Ingreso: enero-2001
Ubicación: Mendoza
Mensajes: 630
Antigüedad: 16 años, 10 meses
Puntos: 1
Hola Mikil

Espero que este ejemplo te sea útil

Cita:
<HTML>
<HEAD>
<TITLE>1</TITLE>
</HEAD>
<BODY bgcolor="#C8E0D8" onunloda="cerrando()"><!-- Imagen de 502 x 334 -->
<img SRC="fig402.gif" ALT="Croquis de las instalaciones" BORDER=1 align="right" USEMAP="#prueba_Map">
<MAP NAME="prueba_Map">
<AREA STYLE="cursor:hand" href="javascript:uno();" SHAPE="poly" COORDS="1,1, 150,169, 174,184, 222,126, 219,120, 225,109, 201,85, 186,105" onmouseover="ver.innerHTML='<b>Area 1</b>'" onmouseout="ver.innerHTML='&nbsp;'">
<AREA STYLE="cursor:hand" href="javascript:dos();" SHAPE="rect" COORDS="200,200, 300,300" onmouseover="ver.innerHTML='<b>Area 2</b>'" onmouseout="ver.innerHTML='&nbsp;'">
</MAP>
<P id=ver>ver</p>
</BODY>
</HTML>
Usa una imagen de 502 x 334.
Yo lo hice con texto, pero puedes reemplazar
ver.innerHTML='<b>Area 2</b>'
por
ver.innerHTML='<img src...>'

Suerte

Última edición por DanielRey; 16/01/2003 a las 08:37
  #3 (permalink)  
Antiguo 16/01/2003, 09:43
 
Fecha de Ingreso: julio-2001
Ubicación: Internet
Mensajes: 1.690
Antigüedad: 16 años, 4 meses
Puntos: 1
Puedes utilizar tooltips para hacerlo, donde se supone que pones el texto pones el codigo html para llamar a la imagen:

[http://www.dynamicdrive.com/dynamicindex5/texttool.htm
[http://www.miscodigos.com/JLMCodigos/script.php?id=247
[http://www.google.com/search?q=toolt...TF-8&hl=es&lr=
__________________
"No hay aplicaciones imposibles, solo hombres incapaces"
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 07:42.