#javascript, crear preloader en #html para precargar contenido antes de mostrarlo by lagoset

Fuente: http://www.forosdelweb.com/f4/precarga-preload-pagina-html-completa-767166/#post3231130

crear un archivo “.js” al cual yo llamare “load.js” al cual deberás insertarle este código:

///////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////
window.onload = load;
/********************************** **********************************************
*METODO DE CARGA DE LA PAGINA
************************************************** ******************************/
function load() {
document.getElementById(‘divPreloader’).style.display = ‘none’;
/*document.body.style.display = ‘block’;*/
document.getElementById(‘todo’).style.display = ‘block’;

}
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////

En el HTML deberás insertar en el body este DIV:

<script type=”text/javascript” src=”load.js”></script>

<body>

<div id=’divPreloader’>
Cargando….
</div>

<div id=”todo” style=”display:none”
<img src=”1.png” />
</div>

</body>

QueryLoader – preloader de jQuery para precargar una pagina entera

Fuente: GayaDesign.com

Download the source code here:
http://www.gayadesign.com/scripts/queryLoader/queryLoader.zip

View the example here:
http://www.gayadesign.com/scripts/queryLoader/

Example with percentage visible:
http://www.gayadesign.com/scripts/queryLoaderPercentage/ or download:http://www.gayadesign.com/scripts/queryLoader2/qL2.zip (thanks to Olivier Dumetz)