Fondo animado con jQuery (by: http://www.kabytes.com)

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



original post: http://bit.ly/laZ434

via ifttt
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: