Trabajando en un Proyecto Web me dí cuenta que me había quedado muy pesado el sitio, por lo que opté por aplicar una especie de Javascript, con el que ocultaría toda la pagina con una especie de capa, una vez cargada, esta desaparecía y quedaba a la luz el diseño.
A continuación les dejo el Codigo Javascript para que puedan sacarle provecho para sus sitios:
Dentro de las etiquetas <head></head> colocarás:
<script type=”text/javascript”>onload = function(){
document.getElementById(“precarga”).style.display = “none”;
}
</script>
Dentro de las etiquetas <body></body> colocarás:
<script type=”text/javascript”>
document.write(“<div id=’precarga’></div>”);
</script>
Y por ultimo, deberás crear una Hoja de estilo donde colocarás lo siguiente:
#precarga{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0;
background-color: #003399;
}
Nota: Puedes cambiar dentro de los 3 scripts la palabra “Precarga”, por la que gustes, obviamente tendrás que colocár el mismo nombre en todo el script. Puedes hacer cualquier pregunta o comentario con el fin de salir de la duda o mejorar el script.
3 Comentarios Recibidos
September 30th, 2009 @2:05 pm
pana y sera que se lo puede aplicar a la plantilla de mi WP, sin ningún problema?
Bueno o Malo?
0 
0
November 26th, 2009 @10:38 am
Hola Daniel. Me gustaría saber cuanto debe pesar como mínimo la página web para que se perciba el script. Gracias!
Bueno o Malo?
0 
0
February 25th, 2010 @10:36 am
Hola, se que ya hace mil que lo publicaste pero….
Estoy probandolo y me da un error aqui:”document.getElementById(“precarga”).style.display = “none”;”
a que te refieres con la palabra document?
Gracias.
Bueno o Malo?
0 
0
Responder