En mi caso he utilizado bgStretcherII:
bgStretcher 2011, es un plug-in de jQuery que te permite añadir una imagen de gran tamaño (o un conjunto de imágenes) al fondo de su página web y proporcionalmente cambiar el tamaño de la imagen (s) para llenar el área de la ventana entera. El plug-in 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 se puede configurar).
¿Cómo hacerlo??
Sólo tienes que seguir estos pasos:
1. Descargar script bgStretcher. El paquete ya contiene el framework jQuery.
2. Agregue el siguiente código a su head … </ head> etiqueta para conectar framework jQuery, plugin bgStretcher y CSS. (Hacer seguras las rutas a los archivos sean correctos.)
{Código html type =}
<script type=»text/javascript» src=»../jquery-1.5.2.min.js»> </ script>
<tipo de letra = «text / javascript» src = «.. / bgstretcher.js «> </ script>
<link rel=»stylesheet» href=»../bgstretcher.css» />
{/ code}
3. Utilice el siguiente código para inicializar el bgStretcher (véase la sección Opciones de abajo para más detalles):
{Type code = php}
<script type=»text/javascript»>
$ (document) ready (function () {.
/ / Inicializar Backgound Camilla
bgStretcher $ (‘cuerpo’) ({.
imágenes: [‘images/sample- 1.jpg ‘,’ images/sample-2.jpg ‘,’ images/sample-3.jpg ‘,’ images/sample-4.jpg ‘], ImageWidth: 1024, imageHeight: 768
});
});
< / script>
{/ code}
Y si desea inicializar plugin para div costumbre utilizar a continuación:
{type code = php}
<script type=»text/javascript»>
$ (document) ready (function () {.
/ / Inicializar Camilla Backgound
$ (‘nombre de la clase. -of-div ‘). bgStretcher ({
imágenes: [‘images/sample-1.jpg’, ‘images/sample-2.jpg’, ‘images/sample-3.jpg’, ‘images/sample-4. jpg] ‘, ImageWidth: 1024, imageHeight: 768
});
});
</ script>
{/ code}
4. Insertar contenido de su página dentro del cuerpo o DIV personalizado:
{Código html type =}
<body>
<div>
Su contenido va aquí …
</ div>
</ body>
{/ code}
Y eso es todo! Mi página se encuentra en la siguiente dirección:
http://leticiast.eshost.es/web/Pluggins/