Salve a tutti...
Ho deciso di modificare un template joomla e impostare, quindi, uno sfondo che dovrebbe cambiare ogni 8 secondi.
Ho quindi assegnato un id al div in questione (che ha già un'immagine di sfondo) e ho scritto (e inserito nel template) il seguente codice:
codice:
<script type="text/javascript">
var backgrounds = new array('immagine1','immagine2',...);
var maxBackground = backgrounds.length - 1;
function backgroundChange(currentBackground, id) {
$$(id).setStyle ("backgroundImage", currentBackground);
}
function randomBackground () {
backgroundChange(backgrounds[Math.floor(Math.random()*maxBackground)], 'mbc');
setTimeout(randomBackground(),8000);
}
setTimeout(randomBackground(),8000);
</script>
In particolare l'array backgrounds contiene gli url delle immagini (che dovranno essere impostate come sfondo in modo casuale). Questo array viene generato dinamicamente da php.
mbc è invece l'id del mio div, con impostato uno sfondo di default:
codice:
<div class="..." id="mbc" style="background-image: url(..);">
Ho anche provato senza mootools:
codice:
document.getElementById(id).style.background = 'url('+currentBackground+')';
ma non ho ottenuto risultati.
Non riesco proprio a capire perchè il codice non funziona (sto utilizzando joomla 1.5 che, se non erro, utilizza mootools 1.1)...
Vi chiedo quindi una mano per aiutarmi a risolvere questo problema.
In attesa di risposta vi ringrazio anticipatamente.