Buongiorno a tutti,
spero di essere nella sezione giusta (vi accorgerete che sono veramente ignorante in materia).

Vi premetto che sono un fotografo e che sto cercando di modificare il mio sito web, da me realizzato con l'ausilio di iWeb (Apple)

http://www.simonetramonte.it/3.0%20P..._3.0/Home.html


Vorrei sottoporvi un problema:

Ho inserito sulla Home ("scopiazzando") una parte di codice che mi permette di far visualizzare a rotazione ogni x secondi una decina di immagini differenti.
Tutto funziona correttamente, però il tempo di caricamento della pagina è troppo lungo (ci vogliono 4/5 secondi prima di iniziare a visualizzare la prima foto dello slideshow). Ho l'impressione che carichi prima tutte le immagini e poi inizi a visualizzare.

Come posso modificare il codice che vi allego per risolvere il problema?

Grazie

--------------------------------------------------
<script language="javascript1.2">
var foto = new Array(10);
foto[0] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_01.jpg";
foto[1] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_02.jpg";
foto[2] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_03.jpg";
foto[3] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_04.jpg";
foto[4] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_05.jpg";
foto[5] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_06.jpg";
foto[6] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_07.jpg";
foto[7] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_08.jpg";
foto[8] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_09.jpg";
foto[9] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_10.jpg";
var attuale = 0;

function cambia_img()
{ document.getElementById("immagine").src= foto[(attuale++)%10];
timer();
}
function timer()
{ setTimeout("cambia_img();", 5000);
}
</script>
<body onLoad="timer()">
[img][/img]
------------------------------------------------------------------------------