Fondo animado con jQuery

Vegas Background es un plugin jQuery muy atractivo que nos permite animar fondos, es pocas palabras podríamos definirlo como un slider de imágenes que corre como fondo. Una alternativa muy simple y original para darle vida a sitios simples y minimalistas.

El plugin cuenta con distintas opciones de configuración, una de ellas y muy interesante, es la que nos permite crear un visor de diapositivas, en donde las imágenes se cargan directamente en el background de nuestro sitio. una excelente manera de aprovechar al máximo las dimensiones del navegador de nuestros visitantes.

Otro detalle importante es que las imágenes se escalan automáticamente según la resolución del navegador, inclusive se autoescalan si modificamos manualmente el tamaño de la ventana.

background animado jQuery

El plugin contempla perfectamente que las imágenes de alta resolución son de por si bastante pesadas, razón por la cual el autor de este plugin incorporo un cargando, que se muestra en el momento preciso en que las imágenes son cargadas, evitando de esta forma que se vea la carga parcial de las distintas fotografías.

Ejemplo de instalación:

$.vegas('slideshow', {
	 backgrounds:[
	{ src:'/img/background1.jpg' },
	{ src:'/img/background2.jpg' },
	{ src:'/img/background3.jpg' }
	]
})('overlay');

Les recomiendo que prueben la demostración online.

Web: Vegas Background

Categorizado en: