Ampliar imágenes al pasar el mouse o hacer click

Para ampliarla con un click y reducirla con dos click, de esta forma:

hay que usar este código, reemplazando lo necesario:




<img

src="URL DE LA IMAGEN"

width="ANCHO DE IMÁGEN REDUCIDA"

onclick="javascript:this.height=ALTO IMAGEN AMPLIADA;this.width=ANCHO IMAGEN AMPLIADA"

ondblclick="javascript:this.width=ANCHO IMAGEN REDUCIDA;this.height=ALTO IMAGEN REDUCIDA"/>







Para ampliarla al pasar el mouse:

Hay que usar este:

<img 

src="URL IMAGEN" 

width="ANCHO IMAGEN REDUCIDA"

onmouseover="javascript:this.height=ALTURA IMAGEN AMPLIADA;this.width=ANCHO IMAGEN AMPLIADA"

onmouseout="javascript:this.width=ANCHO IMAGEN REDUCIDA;this.height=ALTO IMAGEN REDUCIDA"/>