Foros del Web » Creando para Internet » Diseño web »

imagen al poner raton encima

Estas en el tema de imagen al poner raton encima en el foro de Diseño web en Foros del Web. Hola, quisiera que al pasar el raton por encima de una ciudad en un mapa de españa, sañiera al lado la direccion de eesa ciudad. ...
  #1 (permalink)  
Antiguo 07/03/2006, 12:41
(Desactivado)
 
Fecha de Ingreso: enero-2004
Ubicación: GRANADA
Mensajes: 67
Antigüedad: 20 años, 10 meses
Puntos: 0
Sonrisa imagen al poner raton encima

Hola, quisiera que al pasar el raton por encima de una ciudad en un mapa de españa, sañiera al lado la direccion de eesa ciudad.
Quiero q salga en una tabla al lado del mapa, no quiero que se abra una ventana aparte ni nada.
Gracias
  #2 (permalink)  
Antiguo 07/03/2006, 13:30
Avatar de ludovico2000  
Fecha de Ingreso: noviembre-2003
Ubicación: Bizkaia
Mensajes: 1.315
Antigüedad: 21 años
Puntos: 2
Para que salga información al pasar el ratón por encima puedes usar una función javascript que muestre/oculte una o más capas (divs) que contienen la información.

Mírate este post (entero) y sólo tendrías que cambiar onclick por onmouseover y en lugar de aplicarlo a toda la imagen, hacerle un map al mapa de españa, definiendo los espacios "activos".

Ejemplo de uso de mapa en imagen:

<img src="midibu.jpg" width="595" height="594" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="33,120,112,181" onmouseover="...." />
<area shape="circle" coords="206,172,19" onmouseover="...." />
<area shape="poly" coords="390,202,332,238,384,298,472,250,472,203,42 4,182" onmouseover="...." />
</map>

Puede que quieras que al pasar el cursor salga la manita (u otro cursor). Para ello, aqui tienes dos funciones sencillas que puedes añadir a las de mostrar/ocultar capa:

<script>
function solomano()
{
document.body.style.cursor='hand';
};

function soloflecha()
{
document.body.style.cursor='default';
};
</script>

Quedaría algo como:

...onmouseover="mostrar('capa1');return false;solomano()" onmouseout="soloflecha()"...
  #3 (permalink)  
Antiguo 07/03/2006, 19:54
Avatar de elias77  
Fecha de Ingreso: noviembre-2005
Ubicación: Buscame...
Mensajes: 1.051
Antigüedad: 19 años
Puntos: 11
otra manera mas facil si es que queres es flash, con flash a eso lo haces en un segundo sin tantos lios de tablas ni nada, siempre y cuando este todo el mapa en flash...ahora si queres usar html ahi ludovico 2000 te dio algo no lo prove pero creo que funciona
__________________
You're face to face, with the man who sold the world - NIRVANA
Diese stadt ist eine Dirne, hat rote flecken auf der Stirn - RAMMSTEIN
  #4 (permalink)  
Antiguo 10/03/2006, 21:27
Avatar de johnwilian  
Fecha de Ingreso: marzo-2006
Ubicación: puerto pizarro (TUMBES-PERU)
Mensajes: 36
Antigüedad: 18 años, 8 meses
Puntos: 0
bueno eso se haria con la etiqueta alt
ALT: La etiqueta ALT está presente dentro de las etiquetas de imágenes, de la forma:
<IMG src="mi_imagen.gif" ALT="Mi comentario">
  #5 (permalink)  
Antiguo 11/03/2006, 08:34
Tew
 
Fecha de Ingreso: enero-2006
Mensajes: 1.562
Antigüedad: 18 años, 10 meses
Puntos: 17
Cita:
Iniciado por johnwilian
bueno eso se haria con la etiqueta alt
ALT: La etiqueta ALT está presente dentro de las etiquetas de imágenes, de la forma:
<IMG src="mi_imagen.gif" ALT="Mi comentario">
En todo caso seria con la etiketa TITLE, no la ALT.... Sin embargo lo ke pide es la solucion ke le da ludovico2000 ya ke solo tiene una imagen y kiere textos diferentes en cada zona de la imagen
  #6 (permalink)  
Antiguo 11/08/2008, 17:57
 
Fecha de Ingreso: enero-2003
Mensajes: 4
Antigüedad: 21 años, 10 meses
Puntos: 0
Respuesta: imagen al poner raton encima

ffffff
kkkk
  #7 (permalink)  
Antiguo 11/08/2008, 17:58
 
Fecha de Ingreso: enero-2003
Mensajes: 4
Antigüedad: 21 años, 10 meses
Puntos: 0
Respuesta: imagen al poner raton encima

k puedierams pner una imagen en el raton asi kedaria mejor
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 17:25.