Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: marcelita_1622 en 2 Septiembre 2011, 09:37 am



Título: fondo dinamico
Publicado por: marcelita_1622 en 2 Septiembre 2011, 09:37 am
hola quiero saber como puedo hacer una pagina que el fondo se valla cambiando y sea el fondo a su vez escalable como esta pagina
http://www.dcloset.es (http://www.dcloset.es)
gracias


Título: Re: fondo dinamico
Publicado por: #!drvy en 2 Septiembre 2011, 10:21 am
Si te fijas en el source de la web esta la entrada

Código
  1. <script type="text/javascript" src="recursos/js/cambio_de_fondo.js"></script> <!--CAMBIO DE GONDO-->

En la cual viene
Código
  1. //cambiar imagen de fondo por una lista aleatoria.
  2. //Nahuel Jose
  3. //www.nahueljose.com.ar
  4. $( function(){
  5.    var arrImagenes = ['fondo1.jpg', 'fondo2.jpg', 'fondo3.jpg', 'fondo4.jpg', 'fondo5.jpg','fondo6.jpg', 'fondo7.jpg', 'fondo8.jpg', 'fondo9.jpg', 'fondo10.jpg', 'fondo11.jpg'];
  6.    var imagenActual = arrImagenes[0];
  7. var tiempo = 2000;
  8. var id_contenedor = 'contenedores'
  9.  
  10. var i=0;
  11.    setInterval( function(){
  12.        i++;
  13. if (i==arrImagenes.length){i=0;}
  14.        sigImagen = arrImagenes[i];
  15. imagenActual = sigImagen;
  16.        cambiarImagenFondo(imagenActual, id_contenedor);
  17.    }, tiempo)
  18. })
  19.  
  20. function cambiarImagenFondo(nuevaImagen, contenedor){
  21. var contenedor = $('#' + contenedor);
  22. //cargar imagen primero
  23. var tempImagen = new Image();
  24. $(tempImagen).load( function(){
  25. contenedor.css('backgroundImage', 'url('+tempImagen.src+')');
  26. });
  27. tempImagen.src = 'images/' + nuevaImagen;
  28. }


Es jquery (http://jquery.com/).



Saludos


Título: Re: fondo dinamico
Publicado por: marcelita_1622 en 4 Septiembre 2011, 11:48 am
ok, muchas gracias, lo intentare y te contare,  ;D