Agrandar las imágenes al pasar el ratón

He encontrado éste código que tenía perdido en un documento que llevaba años sin abrir. Sirve para hacer una imágen pequeña y que al pasar el ratón se agrande. Muy útil para imágenes que queramos poner en espacios pequeños (como en las barras laterales). O simplemente por ahorrar espacio. No me acordaba de como funcionaba así que he estado probando para ver como funcionaba.

<img src="URL de la imagen" onmouseover="this.width=N;this.height=N;" onmouseout="this.width=N;this.height=N;" width="N" height="N" />

URL de la imagen -> sustituimos ésto por el link donde hayamos alojado la imagen.
width=N -> ancho de la imagen al agrandarla (al pasar el ratón).
height=N -> alto de la imagen al agrandarla (al pasar el ratón).
width=N -> ancho de la imagen pequeña.
height=N -> alto de la imagen pequeña.

Tendremos que modificar los valores N para acomodarlo a nuestra imágen.

Quedaría algo así: