Demo pase de diapositivas

En esta demo se usan varias imágenes para crear un slideshow de imágenes a pantalla completa.

Cambia el tamaño de esta ventana y verás como en todo momento la imagen ocupa todo el ancho disponible.

En este caso, llamaremos el plugin con el listado de imágenes, la duración de cada foto y la transición de la siguiente manera:

jQuery.backstretch([
            "img/img1.jpg"
            , "img/img2.jpg"
            , "img/img3.jpg"
            , "img/img4.jpg"
        ], {duration: 4000, fade: 1000}
);

También puedes ver la demo del plugin con una sola imagen.

Ver demo de una sola imagen »