CAMBIAR EL
TAMAÑO DE UNA IMAGEN HACIENDO UN CLICK O DOS CLICKS SOBRE ELLA
Un click: AGRANDA
Dos clicks: ACHICA
Imagen:
-------------------
Código:
<img
src="cambiar_size_imagen.png"
onclick="javascript:this.height=788;this.width=342"
ondblclick="javascript:this.width=50;this.height=115" width="50">
--------------------
Interpretación
1) img
src="cambiar_size_imagen.png"
Es el código que
determina la imagen que aparece en la
pantalla
2) width="50"
Es el tamaño que tendrá
la imagen al abrirse la pantalla.
Al fijarse el ancho, el alto queda
determinado porque se mantienen las proporciones.
3) onclick="javascript:this.height=788;this.width=342"
Es el código JS que fija el tamaño de
la imagen al hacer un click sobre ella.
4) ondblclick="javascript:this.width=50;this.height=115"
Es el código JS que fija el tamaño de
la imagen al hacer doble click
sobre ella.
---------------------
Ejemplo real:
http://www.edutecne.utn.edu.ar/tutoriales/cambiar_size_imagen_con_click.html
----------- FIN -----------------
Fuente de referencia:
http://santyweb.blogspot.com.ar/2008/08/ampliar-imgenes-con-mouse.html
