Foros del Web » Programando para Internet » Javascript »

onmouse en imagen

Estas en el tema de onmouse en imagen en el foro de Javascript en Foros del Web. Saludos , tengo una consulta, digamos que tengo dos imagenes a la cual el visitante coloque el puntero del mouse sobre la primera imagen y ...
  #1 (permalink)  
Antiguo 03/07/2005, 05:55
Avatar de JoeLitO  
Fecha de Ingreso: febrero-2003
Ubicación: Perú
Mensajes: 202
Antigüedad: 21 años, 2 meses
Puntos: 0
onmouse en imagen

Saludos , tengo una consulta, digamos que tengo dos imagenes a la cual el visitante coloque el puntero del mouse sobre la primera imagen y en un layer aparezca la descripcion de la primera imagen, luego suceda lo mismo con la segunda, recordemos que eso sucde solo onmouse, y cuando le de click sobre alguna de las dos, le lleve al enlace correspondiente.

Gracias: Joel
  #2 (permalink)  
Antiguo 03/07/2005, 09:53
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola JoeLitO

Un ejemplo:
Código PHP:
<img src="tuimagen.jpg" onmouseover "document.getElementById('capa').innerHTML = 'algo'"
onclick "location='tupagina.html'" />
<
div id="capa"></div
Saludos,
  #3 (permalink)  
Antiguo 03/07/2005, 10:25
Avatar de JoeLitO  
Fecha de Ingreso: febrero-2003
Ubicación: Perú
Mensajes: 202
Antigüedad: 21 años, 2 meses
Puntos: 0
HOla JavierB, el codigo que me das esta bueno, pero aun le faltan algunos detalles, retepi el codigo ya que lo deseo hacer en por lo menos 5 imagenes de forma vertical, el tema para ser mas puntual, es que, quiero que la descripcion de la imagen aparezca solo cuando el puntero se ubique sobre la imagen, y que cuando quiten en puntero desaparezca la descripcion.

Gracias: Joel
  #4 (permalink)  
Antiguo 03/07/2005, 10:42
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola de nuevo.

Para que desaparezca el texto tienes que usar el evento onmouseout
Código PHP:
<img src="tuimagen.jpg" onmouseover "document.getElementById('capa').innerHTML = 'algo'"
onmouseout "document.getElementById('capa').innerHTML = ''"
onclick "location='tupagina.html'" /> 
Saludos,
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 10:42.