Foros del Web » Programando para Internet » Javascript »

Mostrar una imagen al poner el cursor encima

Estas en el tema de Mostrar una imagen al poner el cursor encima en el foro de Javascript en Foros del Web. Mostar imagen al poner el cursor encima Hola a todos. Mi nombre es Javy. Tengo una página (resultado.php) que me muestra el resultado de una ...
  #1 (permalink)  
Antiguo 03/07/2007, 08:14
 
Fecha de Ingreso: septiembre-2002
Mensajes: 153
Antigüedad: 22 años, 4 meses
Puntos: 1
Mostrar una imagen al poner el cursor encima

Mostar imagen al poner el cursor encima

Hola a todos.

Mi nombre es Javy.

Tengo una página (resultado.php) que me muestra el resultado de una búsqueda (busqueda.php).

En el resultado, aparecen varios campos:

Nombre de un producto - Su categoria - Su precio
opel corsa - utilitario - x €

Quisiera saber si hay alguna forma de que, al colocarse sobre "opel corsa" mostrara su imagen en pequeño y que, al clicar sobre el nombre, se abra un popup con características más detalladas.

Las imagenes estan en carpetas y el enlace correspondiente a cada imagen está almacenado en una base de datos.

Gracias de antemano y un saludo:

Javy
  #2 (permalink)  
Antiguo 03/07/2007, 08:32
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 11 meses
Puntos: 772
Re: Mostrar una imagen al poner el cursor encima

Hola javy

Un pequeño ejemplo:

Código:
<span onmouseover = "document.getElementById('im').style.display = 'block'"
onmouseout = "document.getElementById('im').style.display = 'none'"
onclick = "window.open('detalles.html')">Open corsa</span>

<img src="corsa.jpg" id="im" style="display:none" />
Saludos,
  #3 (permalink)  
Antiguo 03/07/2007, 08:38
 
Fecha de Ingreso: septiembre-2002
Mensajes: 153
Antigüedad: 22 años, 4 meses
Puntos: 1
Re: Mostrar una imagen al poner el cursor encima

Muchas gracias, pero un par de cosillas:

1 - ¿Dónde debo meter este código?

2 - "getElementById('im')."

im es simplemente la id del campo "<img src="corsa.jpg" id="im" style="display:none" />", o debe de ser la de la base de datos?.

Muchas gacias.

Javy
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 02:02.