Ciao a tutti, ho una pagina con circa 30 immagini, sebbene tutte ottimizzate ci mettono un pò a caricare tutte completamente!
Vorrei creare uno script che informi l'utente sullo stato del caricamento, mi basterebbe che durante il caricamento comparisse una finestrella tipo alert con scritto ad esempio: "caricamento immagini in corso" e alla fine vorrei tale finestrella si chiudesse in automatico.
Come posso fare?
sto inventando...
<script>
var w = window.open("attendere.htm","wp","width=300,height =200")
var n = 10; // numero immagini
function giu() {
n--;
if(n==0 && w && !w.closed) w.close();
}
</script>
...
[img]pippo.jpg[/img]
o, piu' semplicemente:
<script>
var w = window.open("attendere.htm","wp","width=300,height =200")
</script>
<body onload="if(w && !w.closed)w.close()">
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
per esempio:
codice:<html> <title>Galleria di immagini</title> <script type="text/javascript"> <!-- for(i=0;i<=document.images.lenght;i++) { document.images[i].onload=document.getElementById("loading").style.visibility="visible"; } //--> </script> </head> <body> <h4 id="loading" style="visibility:hidden;">Caricamento immagini in corso...</h4> <img ... /> <img ... /> <img ... /> </body> </html>
E' gradita la spiegazione...Originariamente inviato da BananaBoat
per esempio:
codice:<html> <title>Galleria di immagini</title> <script type="text/javascript"> <!-- for(i=0;i<=document.images.lenght;i++) { document.images[i].onload=document.getElementById("loading").style.visibility="visible"; } //--> </script> </head> <body> <h4 id="loading" style="visibility:hidden;">Caricamento immagini in corso...</h4> <img ... /> <img ... /> <img ... /> </body> </html>
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
in effetti ...
l'idea era che l'<h4> fosse visibile intanto che le varie immagini erano onload ...
come si doveva fare per ottenere questo effetto?
grazie ragazzi, con i vostri suggerimenti ho risolto il mio problema!
son curioso ci posti lo scriptino ...
un'altra domanda, ho notato che le finestre aperte con il metodo "window,open" sono considerate come delle pupop, quindi se un utente ha un software che ne impedisce l'apertura tutto ciò non funziona, allora vi chiedo: è possibile utilizzare gli alert?
Cioè al caricamento della prima immagine faccio apparire un alert, al caricamento dell'utlima immagine chiudo automaticamente l'alert precedentemente aperto, sempre se non è stato chiuso manualmente dall'utente.E' possible fare ciò?
No, la finestrella dell'alert puo' essere chiusa solo dall'utente.
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Allora ho risolto in questo modo: nella prima immagine ho inserito:
nell'ultima immagine invece:codice:onLoad='prova=window.open("attesa.html","attesa","width=100",height=100","")';
codice:onLoad='prova.close()';
Permessi di invio
Rispondi quotando