Galería de imágenes a pantalla completa con jQuery

via Pixelco Blog by Diego on 2/15/11



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.

Fullscreen Gallery with Thumbnail Flip Galería de imágenes a pantalla completa 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


© Diego para Pixelco blog, 2011. | Permalink | Sin comentarios | Agregar a del.icio.us
Tags: , , , ,

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: