Ver imagen sin clickear

[pacus]

Hola, necesito que alguien me ayude con algún script para que al pasar el mouse sobre una imagen automáticamente salga otra pero más grande. Gracias.

[America|UNK]

Usar eventos como onMouseOver y atributos .src

imagen = documentgetElementById("myimagen");
nueva_imagen = imagen.src("nueva_imagen.jpg")

<img id="myimagen" src="imagen.jpg" />

[pacus]

Podrian explicarmelo paso a paso plis? Soy novato pero se algo de html.

[America|UNK]

Primero se crea variables con el nombre de las imágenes que quieras mostrar, aunque tambien lo puedes hacer directo, pero esta es la forma más ordenada.

Código HTML:

<script type="text/javascript">
images = new Array();
images[0] = "http://static.forosdelweb.com/fdwtheme/images/buttons/reply.gif";
images[1] = "http://static.forosdelweb.com/fdwtheme/images/buttons/quote.gif";
images[3] = "etc";

function rollImg(a,b){
a.src=images[b];
}
</script>
<img onMouseover="rollImg(this,0)" onMouseout="rollImg(this,1)" src="http://static.forosdelweb.com/fdwtheme/images/buttons/quote.gif" /> 

images = new Array() lo agregué para enumerar la misma variable con varios valores.
function rollImg, a es el objecto que tienes sobre el raton, b es el número de imagen del array

rollImg(this,0) -> rollImg(cambiaEsto,numeroDeImagen)


onMouseOver : Cuando el raton está encima del objeto y onMouseOut lo contrario

Y aquí tienes otro tema parecido