Script: Cargar página con aviso de carga invisible al finalizar

  • Autor Autor thejigg0695
  • Fecha de inicio Fecha de inicio
T

thejigg0695

Dseda
Redactor
me encontré con este script cargando pagina y cuando termine de cargar desaparece,
y decidí compartirlo con los todos los usuarios de forobeta!

bueno para comenzar vamos a diseño, edición html y
colocamos después del <body> el siguiente código:

Insertar CODE, HTML o PHP:
<!-- DIV AVISO -->
<div id='aviso' style='text-align:center;margin:0px auto;position:absolute;left:400px;top:5px;width:200px;background-color:transparent'>
<img src='http://lh5.ggpht.com/_Z2OqxT6OgSs/TFYSm0rjEaI/AAAAAAAAAkc/_qvSbBt9Bgw/ajax-loader.gif' style='display:block;margin:0px auto;'/>
<span style='font-family:Verdana;font-size:10px;font-weight:bold;color:#990000;'>Cargando datos...</span>
</div>

bueno, ahora para que se vuelva invisible a la hora de terminar de cargar colocamos el siguiente código antes de </body>

Insertar CODE, HTML o PHP:
<style type='text/css'>
#aviso {
visibility:hidden;
display:none;
}

</style>

pueden ver el ejemplo en CiberMaster | Un Mundo de Cibermasters

DATOS.-

para crear una una imagen de cargando pueden entrar a esta pagina: Ajaxload - Ajax loading gif generator

si quieren quitar el texto 'Cargando datos' solo borran lo siguiente:
Insertar CODE, HTML o PHP:
<span style='font-family:Verdana;font-size:10px;font-weight:bold;color:#990000;'>Cargando datos...</span>

si quieren quitar la imagen solo borra lo siguiente:
Insertar CODE, HTML o PHP:
<img src='http://lh5.ggpht.com/_Z2OqxT6OgSs/TFYSm0rjEaI/AAAAAAAAAkc/_qvSbBt9Bgw/ajax-loader.gif' style='display:block;margin:0px auto;'/>
Cualquier duda no duden en contactarme! 😀
 
Ah esta muy chido el efecto 😀 me gusto.
Va dedo hulk
 
Excelente, bastante útil. Es algo que había buscado alguna vez pero no lo encontré :frown: Abrazo!
 
Jojo esta genial! Se que algun dia lo utilizare
 
Gracias muy buena herramienta, igual que cristian andaba buscando esto.
 
gracias amigo ...... seguro k me servira mas adelante!!! lo necesitare alguna vez......para algo thanks.......😀
 
Excelente script, lo probaré 😉

Saludos!
 
Atrás
Arriba