PDA

View Full Version : [JavaScript] Preloader Immagini Full-Screen


race2
17-03-2012, 08:18
Salve,
avrei la necessita di trovare un Preloader Immagini per una pagina Web, ho c ercato su google 2 ore sul serio e non ne ho trovato neppure uno che mentre carica le immagini mi fa vedere a Full-Screen un Background colorato con una GIF Animata tipo Girandola e al momento che ha caricato le Immagini entra nella pagina già pronta.

Sapete consigliarmi ??

Grazie mille.

PGI-Bis
17-03-2012, 16:09
Così al volo vengono in mente un sette-otto milioni di modi diversi di farlo. Uno è questo:

metti nella pagina due blocchi, uno di id "loading" che contiene un img con la gif e uno "loaded" che contiene un img di id "display" con l'immagine reale, inizialmente vuota (cioè senza src).

Al momento di caricare l'immagine dirai:

document.getElementById("loading").style.display="block"
document.getElementById("loaded").style.display="none"
document.getElementById("display").onload = function() {
document.getElementById("loading").style.display="none"
document.getElementById("loaded").style.display="block"
}
document.getElementById("display").src="l'url dell'immagine da caricare"

Cioè "scambi" lo stato di visualizzazione tra i due elementi quando l'immagine più grossa è stata caricata.