Cambiare l'immagine di sfondo di un div

[cayman]

Salve a tutti,
sto cercando uno script che permetta di cabiare l'immagine di sfondo di un div a rotazione.
Mi spiego meglio, ho già recuperato questo script, che permette di richiamare le immagini a tempo.

data = new Date();
var sfondo = "";
var ts = data.getMinutes();
if (ts >= 00)
sfondo = "images/sfondo1.jpg";
if (ts >= 10)
sfondo = "images/sfondo2.jpg";
if (ts >= 20)
sfondo = "/images/sfondo 3.jpg"

Secondo possibile recuperare la variabile "sfondo" dal CSS ?

div {
background-image:url("");
}

Alternative ???

[Xinod]

oggetto stylesheets
http://javascript.html.it/articoli/l...ogli-di-stile/
ciao

[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'
   }
}

[cayman]

Grazie ad entrambi, ho optato per la seconda soluzione perchè è più leggera e consente di portare la grafica del sito interamente sui CSS.

Ho però un problema con lo SCRIPT, che peraltro è lo stesso che avevo trovato io:
Lo SCRIPT non cambia l' immagine al passare del tempo, ma carica direttamente il terzo sfondo, come se non considerasse le IF o addirittura, come se i controlli si ripetessero solo al caricamento della pagina.
Ecco come vengono richiamati lo SCRIPT e ì CSS nella pagina:

<link href="/css/screen.css" media="screen" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/screen.js"></script>

Forse può dipendere da questo ?

[pierofix]

Originariamente inviato da cayman
Lo SCRIPT non cambia l' immagine al passare del tempo, ma carica direttamente il terzo sfondo, come se non considerasse le IF o addirittura, come se i controlli si ripetessero solo al caricamento della pagina.

Bè, ovviamente i controlli avvengono solo al caricamento della pagina. Se vuoi una cosa in tempo reale dovresti utilizzare AHAH o AJAX.

Mmm, forse ho fatto un errore io nel CSS. Prova a modificarlo come segue:

#box
{
   background-color:#FFF;
}