Acordeón de imágenes con jQuery

Ya perdí la cuenta sobre cuantos slider nuevos de imágenes con jQuery aparecen a diario, por lo general todos son similares salvando mínimas diferencias, lo bueno de tantas alternativas es que prácticamente hay un slider para cada gusto.

En esta oportunidad les quería recomendar zAccordion un plugin jQuery que muestra las imágenes en forma de acordeón horizontal con un curioso efecto de rebote.

No se pierdan la demostración online de este fantástico plugin.

acordeon imagenes jQuery

El plugin cuenta con unas cuantas opciones de configuración, entre ellas podemos destacar la posibilidad de mostrar el texto alternativo de las imágenes a medida que se vayan destacando, una opción simple pero que puede llegar a resultar muy útil para aquellos que buscan mostrar una imagen y su descripción.

Las imágenes deben ser colocadas dentro de listas, una vez que tenemos todos los archivos dentro de cada <li></li> simplemente tendremos que inicializar el plugin, un ejemplo de esto sería:

$(document).ready(function() {
	$("#featured").zAccordion({
		easing: "easeOutBounce",
		timeout: 5500,
		slideWidth: 600,
		width: 960,
		height: 310
	});
});

No olviden revisar la documentación de zAccordion en donde encontraran infinidad de opciones para personalizar el desplazamiento como el efecto de esta forma de mostrar imágenes que resulta novedosa y atractiva.

Nota: Si en lugar de necesitar lograr este efecto con imágenes quieren usar divs les recomiendo otro plugin para crear un acordeón con jQuery.

Web: zAccordion

Categorizado en: