Jugando con imágenes y con pequeñas etiquetas de código, vemos funciones que, ocasionalmente, tienen su utilidad y pueden ser parte de desarrollos más complejos.

Veamos un sencillo script, con las funciones onclick y ondblclick.

Mediante un click agrandamos la imagen. Con doble click, la reducimos.

Código HTML:
<img onclick="javascript:this.width=720;this.height=480" ondblclick="javascript:this.width=240;this.height=180" src="URL de la imagen"  width="240" height="180" />
Téngase en cuenta que definimos un width y height básico, con el tamaño en que se presentará la imagen. De no hacerlo así, aparecerá originalmente con su tamaño natural (ancho y alto originales) para ajustarse más adelante a las funciones de click o doble click.

Se recomienda que el tamaño de la imagen original sea, al menos, como la imagen ampliada, a fin de mantener la definición.

Pueden verlo funcionando AQUI.