CoverScroll: Animación de tapas estilo iTunes con jQuery

Uno de los patrones de diseño de interface que popularizo Apple hace unos años es el llamado CoverFlow, que no es ni más ni menos que un slider con la particularidad de dar la ilusión de tres dimensiones. Este diseño esta muy presente hoy en día, lo podemos encontrar en productos como iTunes, Finder, y muchísimos más.

Realizar este elemento en formato web no es tarea sencilla, pero gracias al plugin coverscroll obtener este resultado se transformo en algo realmente fácil y rápido.

El resultado:

Modo de uso:

HTML:

<div id="container">
	<img src="img1.jpg" />
	<img src="img2.jpg" />
	<img src="img3.jpg" />
	<img src="img4.jpg" />
</div>

jQuery:

$('#container').coverscroll();

Les recomiendo visitar el sitio web oficial del proyecto para ver una demostración en linea.

Web: CoverScroll

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas