capire quando x immagini sono state caricate

[iacoposk8]

ciao a tutti! ho un arrai di immagini, devo lanciare la funzione "elabora" una volta che tutte queste sono caricate, ho scritto:

conta_load=0; img_load=new Array();
for(i=0;i<immagini.length;i++){
	img_load[i]=new Image();
	img_load[i].src=immagini[i].img;

	img_load[i].onload = function(){
		if(conta_load==immagini.length){elabora();}
	};
}

ma non entra mai nella funzione di onload, come mai?

[cavicchiandrea]

A) La variabile immagini cos'è non essendo definita?
B) Quando richiami la funzione/script?
C) Non è meglio fare un preload d'immagini?

[iacoposk8]

Originariamente inviato da cavicchiandrea
A) La variabile immagini cos'è non essendo definita?
B) Quando richiami la funzione/script?
C) Non è meglio fare un preload d'immagini?

A e B) quello che ho scritto è solo una pezzettino di codice, vediamolo così:

<script>
var immagini=[{img:"/...png",...},....];
function elabora(){...}
//qui il codice scritto nel precedente post
</script>

C) come si fa?

[cavicchiandrea]

Originariamente inviato da iacoposk8
A e B) quello che ho scritto è solo una pezzettino di codice, vediamolo così:

<script>
var immagini=[{img:"/...png",...},....];
function elabora(){...}
//qui il codice scritto nel precedente post
</script>

Scusa, ma per me hai una logica difficile da capire e da spiegare attendi commenti/consigli più utili

C) come si fa?

Cerca sul forum (anche discussioni utili post in evidenza) o su google trovi diversi esempi.

[Vindav]

non vedo dove incrementi il contatore conta_load, come potrà mai essere uguale a immagini.length se rimane sempre a zero?

[iacoposk8]

hai ragione, quello è un errore, però col firebug ho visto che nemmeno arrivo nella funzione di onload

[Vindav]

ma inserisci le immagini nella pagina? altrimenti è ovvio che la funzione load non viene richiamata, cosi come hai scritto il codice quello che fai è semplicemente creare più oggetti image, tutto qui.

[iacoposk8]

<script type="text/javascript" language="JavaScript">
function preLoad(pics){
	var imgObjs = new Array(pics.length);
	var loaded = 0;
	
	if (document.getElementById || document.all)
	{
		for (i=0; i<pics.length; i++)
		{
			imgObjs[i] = new Image();
			imgObjs[i].onload = imgLoaded;
			imgObjs[i].src = pics[i];
		}
	}

	function imgLoaded() {
		loaded++;
		if (loaded>=pics.length){
			alert("ho fatto");
			return;
		}
	}
}

var pics = new Array("ban2.gif","ban1.gif","ban3.gif");
window.onload=function(){
	preLoad(pics);
}
</script>

riesumando gli scritp di un sito a caso:
http://javascript.html.it/script/ved...ndirizzamento/

sono arrivaoto alla sintesi di questo scrit, dove nell'alert "ho fatto" si può reindirizzare dove si vuole

[Vindav]

ok, non avevo capito. Si è come dici, al posto dell'alert puoi metterci quello che ti pare. Gestisci anche l'errore (onError) cosi da assicurarti che non ci sia qualche errore nel caricamento delle immagini(path errato per esempio).