Ya hemos vistos muchas galerÃas de imágenes desarrolladas con jQuery. Pero cuando creÃamos que habÃamos visto todo, aparece una galerÃa que es impactante, muy vistosa y con unos exuberantes efectos de animación.
Fullscreen Gallery with Thumbnail Flip es una galerÃa de imágenes a pantalla completa y con efectos de rotación desarrollada con jQuery.
Esta permite navegar entre las imágenes usando la rueda del ratón, las teclas de dirección del teclado, además posee botones para avanzar o retroceder y zoom de la imagen principal.
Sin dudas los efectos de animación son lo que impactan primero y luego todas las opciones que ofrece la interfaz para controlar la visualización. Sin dudas, hace sólo unos años atrás, hubiera sido impensable un desarrollo asà bajo Javascript, algo de esta tipo era sólo posible con tecnologÃa Flash.
Implementación
Ésta implementación es muy sencilla de comprender, pero en realidad, sólo es necesario descargar el demo funcional y reemplazar las imágenes por las que queramos mostrar. El demo viene en un archivo ZIP que contiene todo lo necesario para correrlo en el navegador sin necesidad de montarlo en un servidor web. Para mostrar nuestras propias imágenes, solo tenemos que sustituir las imágens que están en la carpeta images por las nuestras, además de renombrarlas según el nombre que usemos en el HMLT.
Te recomiendo le heches una mirada al demo y te aseguro que quedaras sorprendido.
Fullscreen Gallery with Thumbnail Flip with jQuery
Sitio/descargar: tympanus.net/codrops/2011/02/09/fullscreen-gallery-with-thumbnail-flip