Foros del Web » Creando para Internet » HTML »

Cambiar el Background de mi web

Estas en el tema de Cambiar el Background de mi web en el foro de HTML en Foros del Web. Hola chicos, tengo dos preguntitas 1.- como hago para que el bg de mi web valla cambiando con el tiempo, pero con un efecto face ...
  #1 (permalink)  
Antiguo 03/05/2012, 10:21
 
Fecha de Ingreso: marzo-2012
Mensajes: 21
Antigüedad: 12 años, 2 meses
Puntos: 1
Cambiar el Background de mi web

Hola chicos, tengo dos preguntitas
1.- como hago para que el bg de mi web valla cambiando con el tiempo, pero con un efecto face o algo llamativo, con jquery o css?
y la segunda (olvidando por completo la primera)
2.- como hago para que cada vez q se habra mi web muestre un bg diferente, o que cambie de bg con respecto a las horas del dia(mañana, tarde, noche)?
Gracias de antemano
  #2 (permalink)  
Antiguo 03/05/2012, 13:18
 
Fecha de Ingreso: marzo-2012
Ubicación: Republica Dominicana
Mensajes: 51
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Cambiar el Background de mi web

Bueno mira la 1:
opacity de css puedes ponerlo con un contador de un script para que cuando una variable se llegue a cierta cantidad entonces quite ese background y ponga el otro

PS: no puedes poner 2 background asi que lo que hacer es que quieres de ultimo la pones el background y las demas las pones con un div del tamaño de la pagina y le pones con css Ej:
div{
z-index:-2;
}
para ponerlo detras del contenido
  #3 (permalink)  
Antiguo 03/05/2012, 13:25
 
Fecha de Ingreso: marzo-2012
Ubicación: Republica Dominicana
Mensajes: 51
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Cambiar el Background de mi web

inestitgate por hay un contador en javascript
  #4 (permalink)  
Antiguo 03/05/2012, 16:37
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Cambiar el Background de mi web

Algunas alternativas

Para cambiar segun hora del dia
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function banner() {
  9. var hoy = new Date();
  10. var hora = hoy.getHours();
  11. var banner_logo = document.getElementById('banner');
  12. if((hora >= 7)&&(hora <= 14)) { // 7,8,9,10,11,12,13,14
  13. banner_logo.src = 'sfondo03.jpg';
  14. }
  15. if((hora >= 15)&&(hora <= 22)) { // 15,16,17,18,19,20,21,22
  16. banner_logo.src = 'sfondo07.jpg';
  17. }
  18. if((hora >= 23)||(hora < 7)){ // 23,0,1,2,3,4,5,6
  19. banner_logo.src = 'sfondo06.jpg';
  20. }
  21. }
  22. //]]>
  23. </head>
  24. <body onload="banner();">
  25. <img src="sfondo03.jpg" id="banner" alt="" />  
  26. </body>
  27. </html>

Otra rotación
http://www.forosdelweb.com/f13/web-c...2/#post4176322

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: css, jquery, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 06:35.