Foros del Web » Programando para Internet » Javascript »

Mostrar imagen al pasar cursor

Estas en el tema de Mostrar imagen al pasar cursor en el foro de Javascript en Foros del Web. Buenas tardes No se si este será el subforo correcto.. Les explico. Me gustaría saber como hacer que cuando pase el cursor sobre los "iconos" ...
  #1 (permalink)  
Antiguo 10/02/2013, 11:53
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tenerife/Canarias
Mensajes: 8
Antigüedad: 12 años, 4 meses
Puntos: 0
Mostrar imagen al pasar cursor

Buenas tardes

No se si este será el subforo correcto..

Les explico. Me gustaría saber como hacer que cuando pase el cursor sobre los "iconos" de la izquierda de la siguiente tabla aparezca una imagen al lado de cada uno tal como en este ejemplo:



El HTML es el siguiente:

http://www.meteolamatanza.es/nuevo.html

Y la imagen del ejemplo: http://meteolamatanza.es/davis/OutsideTempHistory.gif

A cada icono le correspondería una gráfica diferente.

¿Cómo podría hacerlo?
  #2 (permalink)  
Antiguo 10/02/2013, 13:16
 
Fecha de Ingreso: marzo-2009
Mensajes: 395
Antigüedad: 15 años
Puntos: 11
Respuesta: Mostrar imagen al pasar cursor

con jquery es fácil de hacer.

Le das un id a cada imagen que quieras, por ejemplo
Código HTML:
<img src="imagenuno.jpg" id="uno" />
y creas una capa oculta que tendrá lo que quieres mostrar
<div id="capaoculta"></div> 
y en el head, incluyendo el archivo de jquery.js (que puedes bajar de jquery.com), pones un script tal cual
Código HTML:
<script>
$('#uno').mouseenter(function(){
$('#capaoculta').css('display','block');
})
$('#uno').mouseleave(function(){
$('#capaoculta').css('display','none');
})
</script> 

Etiquetas: cursor, html
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 13:45.