CLIC PARA AMPLIAR Y DOBLE CLIC PARA REDUCIR UNA IMAGEN
By Blogs Famag - miércoles, enero 17, 2018
CLIC PARA AMPLIAR Y DOBLE CLIC PARA REDUCIR UNA IMAGEN
<img onclick="javascript:this.width=450;this.height=338" ondblclick="javascript:this.width=100;this.height=80" src="URL de la imagen" width="100"/>
Sólo debes cambiar la URL de la imagen (en su tamaño normal)
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.
El segundo width y height son las medidas a la que se va a reducir la imagen al hacer doble click.
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.
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.
0 comentarios