Ampliar las imágenes al pasar el cursor por encima.

Solo tenemos que copiar y pegar el siguiente código donde queremos que se produzca el efecto, ya sea en una entrada o en un Elemento HTML/Javascript:


<img src="URL DE LA IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />


Como podeís ver en el código tenemos onmouseover y onmouseout, la primera es la imagen grande cuando tenemos el ratón encima y la segunda es la original/pequeña an ambos casos tenemos los mismos campos:

width: ancho
height: alto
url imagen: path donde tengamos colgada las imagenes.

Fuente: La trucoteca de blogs

Artículos relacionados