elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 16:34  


Tema destacado: Personaliza-Escoge el diseño del foro que más te guste.

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  fondo dinamico
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: fondo dinamico  (Leído 357 veces)
marcelita_1622

Desconectado Desconectado

Mensajes: 2


Ver Perfil
fondo dinamico
« en: 2 Septiembre 2011, 09:37 »

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
gracias


En línea
drvy | BSM


Desconectado Desconectado

Mensajes: 1.129


badstupidmonkey


Ver Perfil WWW
Re: fondo dinamico
« Respuesta #1 en: 2 Septiembre 2011, 10:21 »

Si te fijas en el source de la web esta la entrada

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

En la cual viene
Código
//cambiar imagen de fondo por una lista aleatoria.
//Nahuel Jose
//www.nahueljose.com.ar
$( function(){
   var arrImagenes = ['fondo1.jpg', 'fondo2.jpg', 'fondo3.jpg', 'fondo4.jpg', 'fondo5.jpg','fondo6.jpg', 'fondo7.jpg', 'fondo8.jpg', 'fondo9.jpg', 'fondo10.jpg', 'fondo11.jpg'];
   var imagenActual = arrImagenes[0];
var tiempo = 2000;
var id_contenedor = 'contenedores'
 
var i=0;
   setInterval( function(){
       i++;
if (i==arrImagenes.length){i=0;}
       sigImagen = arrImagenes[i];
imagenActual = sigImagen;
       cambiarImagenFondo(imagenActual, id_contenedor);
   }, tiempo)
})
 
function cambiarImagenFondo(nuevaImagen, contenedor){
var contenedor = $('#' + contenedor);
//cargar imagen primero
var tempImagen = new Image();
$(tempImagen).load( function(){
contenedor.css('backgroundImage', 'url('+tempImagen.src+')');
});
tempImagen.src = 'images/' + nuevaImagen;
}


Es jquery.



Saludos


En línea
marcelita_1622

Desconectado Desconectado

Mensajes: 2


Ver Perfil
Re: fondo dinamico
« Respuesta #2 en: 4 Septiembre 2011, 11:48 »

ok, muchas gracias, lo intentare y te contare,  ;D
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Fondo blanco o fondo negro « 1 2 »
Dudas Generales
limalimon1 16 1,805 Último mensaje 26 Noviembre 2004, 04:29
por limalimon1
fondo de pantalla dinámico
Windows
JeSuSkt 5 1,946 Último mensaje 2 Octubre 2010, 16:38
por rastaberni
Fondo de pantalla dinámico xp
Scripting
JeSuSkt 0 1,783 Último mensaje 2 Octubre 2010, 10:09
por JeSuSkt
Fondo dinámico en blogger de google?
Desarrollo Web
Mini_Nauta 2 1,577 Último mensaje 24 Diciembre 2010, 18:29
por Mini_Nauta
Ayuda con JQuery-backstretch necesito un fondo dinamico
Desarrollo Web
mylo-cordoba 0 688 Último mensaje 7 Octubre 2011, 15:18
por mylo-cordoba
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines