Ampliar una imagen al clickar sobre ella,
Es un truco muy sencillo sin tener que meter mano a la plantilla que siempre es un peligro por si cometes algún herror además ahorramos tiempo que el tiempo va muy caro en estos días no es así sin mas vamos al lío.
<img onclick="javascript:this.width=500;this.height=400" ondblclick="javascript:this.width=120;this.height=100" src="URL de la imagen" width="120"/>
Configuración
El primer width y height son las medidas a la que se va agrandar la imagen al hacer clik, width es el ancho y height es el alto: this.width=500;this.height=400"
El segundo width y height son las medidas a la que se va a reducir la imagen al hacer doble click que será la original : width=120;this.height=100"
El último width es el ancho de la imagen que se mostrará al cargar la página, es decir el thumbnail, se recomienda que sea el mismo ancho que tendrá la imagen al reducirse cuando se haga doble click mejor dicho la (Original): width="120"/>
Como ven, sin necesidad de tocar la plantilla pueden usar este truco para mostrar una galería de fotos, o simplemente para reducir el espacio en el blog.
