Ampliar imágenes al pasar el cursor por encima (onmouseover):

Con este sencillo truco podremos lograr que una imagen se amplie al pasar el cursor por encima de ella.
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" />

1.   "this.width=400;this.height=300;"  > Indica el ancho (width) y el alto (height) de la imagen cuando el cursor está encima de la imagen (Cambialo por las medidas de la imagen original).

2.  "this.width=200;this.height=150;" width="200" height="150" > Indica el ancho (width) y el alto (height) de la imagen cuando el cursor está fuera de la imagen (Cámbialos por las medidas que desees, para que quede mas pequeño que la original).

3. Y por supuesto, cambia URL DE LA IMAGEN, por la dirección correspondiente.

4. También puedes cambiar (aunque no es obligatorio), onmouseover, por onclick, por ejemplo, consiguiendo asi que la imagen se aumente al pinchar sobre ella.

Aquí un ejemplo:

Esperamos que os sea útil el truco. Saludos!!!!