problema con preload immagini javascript

[M4V1]

Puoi usare delle librerie JS già pronte come:

https://kimmobrunfeldt.github.io/progressbar.js/
https://loading.io/progress/

Immaginando di avere un progresso in percentuale, prendi la variabile tot e dividi 100 per tot, così da avere il valore del tuo incremento dell'1%.

A questo punto ad ogni iterazione per caricare le immagini usi la libreria che hai scelto per settare il valore della barra partendo da 0 e incrementando ogni volta del valore di 100/tot.

[sheldon]

Puoi usare delle librerie JS già pronte come:

https://kimmobrunfeldt.github.io/progressbar.js/
https://loading.io/progress/

Immaginando di avere un progresso in percentuale, prendi la variabile tot e dividi 100 per tot, così da avere il valore del tuo incremento dell'1%.

A questo punto ad ogni iterazione per caricare le immagini usi la libreria che hai scelto per settare il valore della barra partendo da 0 e incrementando ogni volta del valore di 100/tot.

Ciao, grazie della risposta. Ho provato ad installare la barra proposta nel sito https://loading.io/progress/:
Per il preload utilizzo il seguente codice:

				for(i=min; i < tot; i=i+dx) {


						imgO[i] = new Image();


						imgO[i].src = Pic[i];


						percentuale = Math.round(imgindex/da_caricare*100);


						bar1.set(percentuale);


						imgindex++;


				}

C'è però un problema: in pratica la barra va subito al 100%, mentre invece le varie immagini si caricano più lentamente (lo vedo dal browser che segnala il progresso del caricamento della pagina). Come posso fare per "sincronizzare" lo scaricamento delle immagini nella cache e la barra della percentuale?

[U235]

Ciao, grazie della risposta. Ho provato ad installare la barra proposta nel sito https://loading.io/progress/:
Per il preload utilizzo il seguente codice:

                for(i=min; i < tot; i=i+dx) {


                        imgO[i] = new Image();


                        imgO[i].src = Pic[i];


                        percentuale = Math.round(imgindex/da_caricare*100);


                        bar1.set(percentuale);


                        imgindex++;


                }

C'è però un problema: in pratica la barra va subito al 100%, mentre invece le varie immagini si caricano più lentamente (lo vedo dal browser che segnala il progresso del caricamento della pagina). Come posso fare per "sincronizzare" lo scaricamento delle immagini nella cache e la barra della percentuale?

Prova questo
post originale