Ciao a tutti, la domanda è ardua.
Vorre che nella Home page mi venisse cambiata un'immagine di sfondo di una tabella ogni 1 2 minuti. Mi spiego meglio. L'home page viene caricata dopo un minuto inizia a caricare il nuovo sfondo per la tabella e lo aggiorno e cosi via, quindi scambiano l'immagine ogni minuto.
Ciao grazie
<html>
<head>
<script type='text/javascript'><!--
rotator = true;
n = 0;
theImages = "0.gif, 1.gif, 2.gif, 3.gif, 4.gif, 5.gif, 6.gif, 7.gif, 8.gif, 9.gif".split(", ");
allImages = theImages.length;
imgObjects = new Array();
for (i in theImages){
imgObjects[i] = new Image();
imgObjects[i].src = theImages[i];
}
function rotate(direction){
n++;
if (n==allImages) n = 0;
document.getElementById('c1').style.background = "url(" + imgObjects[n].src + ")";
}
function cellImg() {
document.getElementById('c1').style.background = "url(img1.gif)";
}
window.setInterval(rotate, 2000);
//--></script>
</head>
<body>
<table id='c1' width="50%" height="50%" border="1">
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
</html>
Ti ringrazio tantissimo, funziona tutto perfettamente.
Per perfezionarlo però avrei bisogno di due cose:
- il tempo che deve trascorrere nel mio caso è di un minuto allungando i tempi mi si pone il problema che all'inizio la tabella mi rimane un minuto con sfondo bianco, è possibile farci apparire lo sfondo appena caricato?
- questa è un po + difficile: la tabella in questione è inserita in un home page di per se gia pesante in termini di kb, qundi capite che appesantirei molto la pagina mettendo invece di una 10 immagini di sfondo alla tabella.
L'ideale sarebbe che venisse caricata immediatamente la prima immagine di sfondo e dopo essempio 30 secondi (il tempo di caricare il resto della pagina) inizzi a caricare le successive 9.
Questa non è semplice
Ciao e grazie ancora
per la prima, metti in cima al javascript o fuori dalle funzioni questa riga di codice:
oppure metti l'immagine di sfondo direttamente nel tag <table>codice:document.getElementById('c1').style.background = "url(immagine.gif)";
-la seconda non l'ho capita bene, vorresti ritardare il caricamento delle altre 9 immagini e fare il preload solo della prima se è così prova a modificare il codice così:
codice:rotator = true; n = 0; theImages = "0.gif, 1.gif, 2.gif, 3.gif, 4.gif, 5.gif, 6.gif, 7.gif, 8.gif, 9.gif".split(", "); allImages = theImages.length; imgObjects = new Array(); imgObjects[0] = new Image(); imgObjects[0].src = theImages[0]; function load(){ for (i in theImages){ imgObjects[i] = new Image(); imgObjects[i].src = theImages[i]; } } window.setTimeout(load, 30000) //30 secondi function rotate(direction){ n++; if (n==allImages) n = 0; document.getElementById('c1').style.background = "url(" + imgObjects[n].src + ")"; } window.setInterval(rotate, 60000); //60 secondi
Nico sei un grande!!! Funziona.
E' pressochè perfetto, ho messo l'immagine da caricare subito nel TAG table (e quindi appare appena caricata), poi mi carica subito la prima immagine (0.gif) e poi dopo 30 sec. le altre 9.
Avevo provato a inserire la stringa
document.getElementById('c1').style.background = "url(immagine.gif)";
per visualizzare il primo sfondo (0.gif) appena caricato ma non sono riuscito allora ho risolto mettendo lo sfondo alla tabella direttamente dal TAG table.
Senti visto che l'immagine che volevo caricare immediatamente la metto nel TAG table non ho più bisogno che sia caricata all'esecuzione della script ma possono essere caricate tutte e 10 dopo 30 secondi, se è possibile fare anche questa modifica
Ti ringrazio infinitamete.
basta togliere solamente le righe:
poi la load() le carica ugualmente tutte 10codice:imgObjects[0] = new Image(); imgObjects[0].src = theImages[0];
Ora è veramente perfetto!!!
Non so come ringraziarti
Spero di potermi sdebitare, ciao
di nulla, è stato un piacere aiutarti!!!
Permessi di invio
Rispondi quotando