bgStretcher – Background Stretcher jQuery Plugin

Name: bgStretcher – Background Stretcher jQuery Plugin
Brand: Jose Aguilar
SKU: joseaguilarblog-3528
Availability: InStock
Rating: 4 (2 reviews)

bgStretcher es un plugin jQuery que te permite añadir una imagen de gran tamaño (o un conjunto de imágenes) para el fondo de tu página web y proporcionalmente cambiar el tamaño de la imagen(s) para llenar el área de la ventana entera.

El plugin funciona como una presentación de diapositivas si el modo de imágenes múltiples se utiliza (la velocidad y la duración de las diapositivas es configurable).

Para utilizarlo tan solo deberemos incluirlo en <head> de nuestra página junto con la librería jQuery y algunos estilos + la llamada al plugin:

<script type="text/javascript" src="../jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../bgstretcher.js"></script>
<link rel="stylesheet" href="../bgstretcher.css" />
<script type="text/javascript">
$(document).ready(function(){
   //Initialize Backgound Stretcher       
   $(document).bgStretcher({
      images: ['images/sample-1.jpg', 'images/sample-2.jpg', 'images/sample-3.jpg', 'images/sample-4.jpg'],
      imageWidth: 1024, imageHeight: 768
   });
});
</script>

El plugin recibe como parámetro un array de imaágenes que iterarán como fondo de la Web.

Puedes ver más opciones y descarga aquí.

Ver el ejemplo en funcionamiento