#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>

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s