cañangasñangas Posted September 12, 2012 Report Share Posted September 12, 2012 (edited) Hola a todos. Hace mucho que no venia por estos rumbors, bueno les cuento que hace unos días termine un proyecto web, mi cliente le dio por ocupar un host super lento (baja rapidez de conexión) y la página se cargaba de "a pedazos" por lo que se me ocurrió una forma "elegante" de poner un mensaje del tipo "cargando pagina". No está demás agregar que los desarrolladores web se sustentan en las velocidades actuales de internet, por lo que dejan de lado este asunto. bueno, dejo de hacer prólogo y vamos de lleno al código: colocar este despues de <body> (es importante ya que este elemento será el primero en cargarse del body y es preciso que sea el primero y sea lo más liviano posible): <div id="loader" style="position:absolute; width:100%; height:100%; background-color:#ffffff; z-index:1005; text-align:center; padding-top:100px; font-size:20px; font-family:Arial; color:#000000;"> Cargando la Página...<br/><br/> <img height="100" width="100" src="images/loading.gif" /> </div> si se fijan hay una imagen en este código, les recomiendo que ocupen de esas típicas imagenes de cargando con un peso no mayor a 5Kb. luego en body agregar esto (este último es el que quita el mensaje "cargando" cuando este totalmente cargada la web): <body onload="document.getElementById('loader').style.display='none';"> Enverdad no tiene mayor ciencia pero me gusto el efecto, es "elegante" y sencillisimo de incorporar y editar en su web... Saludos a todos, y espero que les sea util. Edited September 12, 2012 by cañangasñangas Link to comment Share on other sites More sharing options...
Gouki.- Posted September 13, 2012 Report Share Posted September 13, 2012 Se agradece y es lo que estaba buscando, son realmente útiles y dan un toque diferente. Tomaré el código prestado, gracias :D Link to comment Share on other sites More sharing options...
AshWilliams Posted September 13, 2012 Report Share Posted September 13, 2012 Aprovechio de moverlo a Scripts ;) Muchas gracias cañangasdf :tonto: Link to comment Share on other sites More sharing options...
zerocool2020 Posted October 8, 2012 Report Share Posted October 8, 2012 vale gracias se agradece te lo pido emprestado para mi pagina... :kicking: Link to comment Share on other sites More sharing options...
panchompc Posted November 24, 2012 Report Share Posted November 24, 2012 gracias! Link to comment Share on other sites More sharing options...
seis_seis_seis Posted December 4, 2012 Report Share Posted December 4, 2012 gracias amigo, me sirvio caleta para un proyecto que estoy realizando.saludos. Link to comment Share on other sites More sharing options...
panchito80 Posted March 19, 2013 Report Share Posted March 19, 2013 gracias por compartirlo nunca esta demas tener esta info... Link to comment Share on other sites More sharing options...
Max_ddk Posted May 23, 2013 Report Share Posted May 23, 2013 simple y bonito! Link to comment Share on other sites More sharing options...
neojayce Posted July 8, 2013 Report Share Posted July 8, 2013 me gusto mucho la idea del loading..es algo que muchas paginas dejaron en el olvidouna consulta..es posible hacer lo mismo pero en vez de atachar el gif del loading implementar una especie de swf...estoy comenzando a expandirme en lo que es php y me gustaria mucho saber si se puede... Link to comment Share on other sites More sharing options...
cañangasñangas Posted July 8, 2013 Author Report Share Posted July 8, 2013 me gusto mucho la idea del loading..es algo que muchas paginas dejaron en el olvidouna consulta..es posible hacer lo mismo pero en vez de atachar el gif del loading implementar una especie de swf...estoy comenzando a expandirme en lo que es php y me gustaria mucho saber si se puede... emmm, si procura que el swf sea LIVIANO y poner play apenas cargue el elemento.... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now