barra di caricamento per un gioco

[iacoposk8]

ciao a tutti! sto facendo un giochino in js solo che quando lo si avvia ci vuole un pò prima che ci puoi giocare, perchè deve caricare tutte le immagini ecc...
volevo sapere se c'è un modo per sapere quante immagini sono state già caricate così io metto una schermata con la barra di caricamento e solo quando è al 100% mostro il gioco
grazie

[fcaldera]

su ciascuna immagine definisci un handler per l'evento "load" nel quale aggiorni l'informazione sul caricamento, incrementandolo di 1/n (dove n è il numero totale di immagini)

[iacoposk8]

ho scritto:

[img]foto1.jpg[/img]
<script type="text/javascript">
function carica()
{
	alert("immagine caricata!");
}
document.images[0].load=carica();
</script>

ma non va... come mai?

[fcaldera]

function carica()
{
	alert("immagine caricata!");
}

function ferma() {
	alert("immagine NON caricata!");    
}
document.images[0].onload=carica;
document.images[0].onerror=ferma;

[iacoposk8]

ok perfetto!
ultime due cose:
se volessi dagli un id al posto del numero tra le parentesi quadre come faccio?
e se l'immagine in questione fosse dichiarata in un foglio di stile o da usare in un canvas e non in un img src? come si fa?
grazie

[iacoposk8]

non c'è nessun modo? in alcuni giochi ci riescono ma non capisco come