Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/04/2012, 21:21
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 8 meses
Puntos: 1567
Respuesta: Javascript adentro de CSS

En primer lugar bienvenido a FDW @Mariianooh,
te explico, con lo que estás haciendo no llegas a ninguna parte.
Se hace así, analizá las condiciones para ver en que rango de horas debe cambiar la imagen, en particular el último. Asi vas a tener 3 bloques de tiempo de 8 horas cada uno cubriedo las 24 horas del dia

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>Cambiar background cada n segundos</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.  
  12. var banner_logo = document.getElementById('banner');
  13.  
  14. if ((hora >= 7)&&(hora <= 14)) { // 7,8,9,10,11,12,13,14
  15. banner_logo.src = 'sfondo03.jpg';
  16. }
  17. if  ((hora >= 15)&&(hora <= 22)) { //15,16,17,18,19,20,21,22
  18. banner_logo.src = 'sfondo07.jpg';
  19. }
  20. if  ((hora >= 23)||(hora < 7)){ //23,0,1,2,3,4,5,6
  21. banner_logo.src = 'sfondo06.jpg';
  22. }
  23.  
  24. }
  25. //]]>
  26. </head>
  27. <body onload="banner();">
  28.    
  29. <img src="sfondo03.jpg" id="banner" alt="" />  
  30.  
  31. </body>
  32. </html>

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