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:
Ahora enlazamos la imagen que queramos y llamamos a thumbnoo:
-
<img src="thumbnoo.jpg" width="200" height="200" class="thumbnoo h:374 w:500" style="float: left" />
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.
Posts relacionados
- FanzyZoom, muestra imágenes con opción de ampliarlas
- Themes para Movable Type
- PS HERO, un buen blog sobre photoshop
5 Comentarios
Deja un comentario
[...] diarioTHC [...]
[...] DIARIO THC, Corso ha publicado un artÃculo donde comenta la forma de ampliar una imagen. Para ello utiliza el [...]
Las descargas no funcionan, podéis colocar los ficheros en otra dirección?
Ya están colgados de nuevo
Un saludo.
[...] script muy similar al que ya se analizó en una ocasión, Thumbnoo. En este ocasión es FanzyZoom y ambos sirven para lo mismo, poder mostrar imágenes en nuestros [...]