Effettuare un preload con un immagine

martedì 22 dicembre 2009 - 22.06

sergio.mitrione Profilo | Junior Member

Ciao a tutti,
spero di aver postato nella sezione giusta.
Ho una pagina abbastanza pesante e prima che mi faccia il render di tutta la pagina ci mette un pò....
quindi vorrei fare una cosa del tipo che viene visionata qua:

http://www.intesasanpaolo.com/

Come vedete, nel frattempo che carica tutti i dati della pagina, appare come una copertura trasparente
che va via quando il render è finito.

Come posso fare per farlo?

GRazie a tutti in anticipo

Gluck74 Profilo | Guru

L'esempio in questione utilizza la libreria MooTools.
Il concetto è di utilizzare un div semitrasparente che copre tutta la window, ed utilizzare l'evento onLoad della pagina per farlo sparire.

<div id="caricamento" style="top:0px; left:0px; position:absolute; width:2000px;height:2000px; background:#fff; zIndex:100; display:block; float:left; filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7;"></div>

window.onload = function() { var MYdiv = document.getElemetById('caricamento'); MYdiv.style.display = 'none'; }
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2025
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5