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:

portadas de disco animadas con jQuery

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

Categorizado en: