Mostrar imagen al pasar el mouse (JavaScript)

Fox · 15 Oct 2011

Hola Betas, bueno no sé si esta sea la sección adecuada (no encontre la sección de Java Script) pero lo que intento hacer es que, al pasar el mouse sobre una imagen se habra otra imagen encima o alado de la imagen.

Algo así como que al pasar el mouse sobre una imagen te aparesca otra imagen encima o a un costado de la primera imagen.

he encontrado este código y me ha funcionado pero también tengo unas dudas

Insertar CODE, HTML o PHP:

[COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000BB]script type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"text/javascript"[/COLOR][COLOR=#007700]> 
function [/COLOR][COLOR=#0000BB]imagen[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]ver[/COLOR][COLOR=#007700]) { 
  [/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]getElementById[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'im'[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]visibility [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]ver[/COLOR][COLOR=#007700]; 
} 
[/COLOR][COLOR=#0000BB]</script> 
[/COLOR] 
<img src="imagen1.jpg" onmouseover="imagen('visible')" onmouseout="imagen('hidden')" /> 
<img src="imagen2.jpg" id="im" style="visibility:hidden" /> [/COLOR]

Cuando lo intento hacer en un post en wordpress me funciona con la primera imagen, pero cuando intento hacer lo mismo con segunda imagen me aparece la imagen 1

Insertar CODE, HTML o PHP:

[COLOR=#000000]<img src="imagen3.jpg" onmouseover="imagen('visible')" onmouseout="imagen('hidden')" /> 
<img src="imagen4.jpg" id="im" style="visibility:hidden" /> [/COLOR]

he intentando cambiando el id de cada uno (im1 a im2) pero aun así no me funciona o derrepente ustedes tendran algún código similar a este.

Muchas Gracias.

Mostrar imagen al pasar el mouse (JavaScript)

Fox

Temas similares