Mensaje "Cargando Página"

TrucosJuan · #1 (**permalink**) 12/05/2008, 15:55

He estado buscando por todo el foro de javascript y no he encuentro ni un tema que se relacione, de no ser así pido disculpas...

Lo que sucede es que tengo un código que muestra un mensaje cuando la página está cargando y desaparece cuando ya está todo visible...

Lo que quisiera hacer es que cuando estee mostrando el mensaje no se vea nada más que el fondo de la página o que solo muestre el mensaje u otra página menos pesada y estos se salgan en cuanto la página ya halla terminado de cargar...

Esto lo hago porque a veces algunos de los que visitas mi página se "desesperan" y comienzan a mover la barra de desplz haciendola aún más lenta

Y acá un ejemplo:
http://www.yomaster.com/efectos.php << la página mientras carga muestra tan solo el fondo y la imagen de cargando...

Y si pudiesen darme recomendaciones para hacer mi pag no tan lenta como me indican les agradecería aún más: www.zonahurbana.com

killerangel · #2 (**permalink**) 12/05/2008, 20:20

codigo javascript que va en el head

Código:

function is_loaded() { //DOM
if (document.getElementById){
document.getElementById('preloader').style.visibility='hidden';
}else{
if (document.layers){ //NS4
document.preloader.visibility = 'hidden';
}
else { //IE4
document.all.preloader.style.visibility = 'hidden';
}
}
}

en tu body haces

Código:

<body onload="is_loaded();">
(despues de cargar la web completa se llama a la funcion)

y claro la capa que oculta todo sería.

Código:

<div id="preloader" style="position:absolute;width:100%; height:800px; background-color:#CCCCCC">
<center><br />Cargando... Espere prorfavor.<br />
<img src="loading.gif" /></center></div>

espero te sirva... aunque si googleas lo hubieras encontrado hace mucho rato ya...
salu2

ha me olvidaba... el codigo del div... aunque no cumple la normativa, lo colo en el head antes de todo... ya que aparece el mensaje mientras cargan los js o estilos que necesitas... detalle q puedes obviar..

TrucosJuan · #3 (**permalink**) 12/05/2008, 22:10

Está perfecto, pero a juzgar por ese reproductor flash que he puesto en el hompeage... que se muestra por por delante de esta capa !