Cambiare l'immagine di sfondo di un div

[pierofix]

Altro esempio:

XHTML

<div id="box"></div>


CSS

#box
{
   background:#FFF no-repeat;
}
   .sfondo_1
   {
      background-image:url('images/sfondo1.jpg');
   }
   .sfondo_2
   {
      background-image:url('images/sfondo2.jpg');
   }
   .sfondo_3
   {
      background-image:url('images/sfondo3.jpg');
   }


Javascript

window.onload = function()
{
   var data = new Date()
   var minuti = data.getMinutes()
   var box = document.getElementById('box')

   if ( minuti >= 00 )
   {
      box.className = 'sfondo_1'
   }
   if ( minuti >= 10 )
   {
      box.className = 'sfondo_2'
   }
   if ( minuti >= 20 )
   {
      box.className = 'sfondo_3'
   }
}