Thumbnoo, muestra imágenes con opción de ampliarlas

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.

Compartir
Artículo anteriorTerminó Artfutura 2007
Artículo siguienteRosquillas USB

5 Comentarios

Dejar respuesta

Please enter your comment!
Please enter your name here