Foros del Web - Ver Mensaje Individual - Mostrar pagina luego de que ésta está completamente cargada

IXtremeLT · #4 (**permalink**) 09/06/2012, 23:23

Te dejo un pequeño script que hice, solo colocalo hasta abajo del contenido de <body>

Código Javascript:

Ver originalvar obj_contain = document.getElementById('contain');
var obj_loadingMessage = document.getElementById('loadingMessage'); 
function loading()
{
    var images = document.images;
    for (var i = 0; i<images.length; i++) {
        var image = images[i];
        if (image.complete) {
            if ((i+1)==images.length) {
                obj_loadingMessage.style.display = 'none';
                obj_contain.style.display = 'block';
            }
        } else {
            setTimeout(loading, 30);
            return false;
        }
    }
}
obj_contain.style.display = 'none';
obj_loadingMessage.style.display = 'block';
loading();

Debes tener la siguiente estructura como ejemplo

Código HTML:

Ver original<html>
<head>...</head>
<body>
    <div id="contain" style="display:none">
         ...Contenido de la pagina...
    </div>
    <div id="loadingMessage" style="display:none">
        <h2>Cargando...</h2>
    </div>
    <script type="text/javascript">
var obj_contain = document.getElementById('contain');
var obj_loadingMessage = document.getElementById('loadingMessage'); 
function loading()
{
    var images = document.images;
    for (var i = 0; i<images.length; i++) {
        var image = images[i];
        if (image.complete) {
            if ((i+1)==images.length) {
                obj_loadingMessage.style.display = 'none';
                obj_contain.style.display = 'block';
            }
        } else {
            setTimeout(loading, 30);
            return false;
        }
    }
}
obj_contain.style.display = 'none';
obj_loadingMessage.style.display = 'block';
loading();
    </script>
</body>
</html>

Saludos.