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
Demo: tympanus.net/Tutorials/FullscreenGalleryThumbnailFlip