Básicamente para esto sirve thumbnoo, un script basado en mootools de fácil instalación con el cual podremos mostrar una imagen en un tamaño determinado y que gracias a thumbnoo si clicamos sobre ella se ampliará, sin recargar la página, sin pop-ups y sin ningún tipo de dialogo nuevo. Como siempre, aquà esta la demo para ver lo que obtendremos.
Para implementarlo descargamos mootools y thumbnoo y los guardamos en una carpeta, en mi caso thumbnoo. Creamos un .html que guardamos en la misma carpeta de antes con el nombre que queramos (yo lo he llamado thumbnoo). Continuamos editando nuestro .html llamando a las dos librerÃas:
[html]
[/html]
Ahora enlazamos la imagen que queramos y llamamos a thumbnoo:
[html]
[/html]
Vamos a ver un poco esta lÃnea. Primero se llama a la imagen, luego se le da un ancho y un alto (será el tamaño de la imagen), luego se llama a thumbnoo, con h le damos el alto y con w le damos el ancho que tendrá la imagen cuando se pique sobre ella. Asà de simple, no tiene más, pero puede ser un efecto interesante al que se le puede sacar mucho jugo.