Mostrar imagen al pasar cursor

[olivercruzb]

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?

[Gothgauss]

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>