bgStretcher, es un plugin para jQuery que permite crear un slider con backgrounds adaptables, es decir, las imágenes de fondo se ajustarán automáticamente a la resolución de la pantalla.

Puede usarse con una sola imagen de fondo (lo más común), o con varias imágenes que irán visualizándose una tras otra como una diapositiva.

Instalación:

Una vez descargados los archivos necesarios, en el archivo HTML donde desees usar el script agrega el siguiente código entre las etiquetas <head> y </head>:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="bgstretcher.js"></script>
<link rel="stylesheet" href="bgstretcher.css" />

Luego coloca el siguiente código que hará funcionar el script:

<script type="text/javascript">
    $(document).ready(function(){
        $('BODY').bgStretcher({
            images: ['images/sample-1.jpg', 'images/sample-2.jpg', 'images/sample-3.jpg', 'images/sample-4.jpg'], imageWidth: 1024, imageHeight: 768
        });
    });
</script>

El código anterior insertará las imágenes de fondo en el body, pero si deseas que tus imágenes de fondo se añadan en un <div>, usa el siguiente código:

<script type="text/javascript">
    $(document).ready(function(){
        $('.class_ejemplo').bgStretcher({
            images: ['images/sample-1.jpg', 'images/sample-2.jpg', 'images/sample-3.jpg', 'images/sample-4.jpg'], imageWidth: 1024, imageHeight: 768
        });
    });
</script>

Finalmente, agregas el siguiente código dentro del body:

<div class="class_ejemplo">
    <!-- Aquí el contenido... -->
</div>

Con eso ya tendrás tu script listo para funcionar, puedes ver la siguiente demostración, si cambias la resolución de la ventana del navegador, te darás cuenta cómo las imágenes van ajustándose automáticamente al tamaño establecido.

bgStretcher es compatible con los siguientes navegadores:

• Internet Explorer 6+
• Mozilla Firefox 2+
• Opera 9+
• Safari
• Google Chrome

Su código no es obstrusivo, podrás usarlo sin problemas junto a otros scripts que tengas funcionando, también puedes personalizarlo a tu gusto, en su web encontrarás la documentación necesaria para ello.

Enlace: bgStretcher