Jump to content
kaayasinho

Barra de loading antes de entrar na pagina

Recommended Posts

Boa tarde,

 

alguem sabe como eu faço para ter um Loading antes da pagina ser carregada para usuario?.

geralmente o site quando ele esta pesado ele demora um pouco para carrregar algumas imagens.

entao isso salva a vida, dando tempo para carregar.

 

exatamente como nesses sites

Nesse tem um loading q gira

http://uboxcomunicacao.com.br

 

nesse tem um contador de %

http://kmfeventos.com.br

 

alguem sabe como faz isso?

Share this post


Link to post
Share on other sites

Você já não tinha perguntado isso uma vez? Hahaha.

 

Mas eu uso da seguinte forma: crio uma DIV para o "loading" e crio outra DIV para o conteúdo geral do site. Depois eu faço um esquema com javascript para mostrar uma e esconder a outra.

 

Mais ou menos assim:

<div id="carregando">Carregando site..</div>
<div id="site">
....
....
...
...
...
</div>

<style>
#carregando { display:block; }
#site { display:none; }
</style>

<script>
window.onload = function(){
 document.getDocumentById('carregando').style.display == 'none';
 document.getDocumentById('site').style.display == 'block';
}
</script>

Share this post


Link to post
Share on other sites

 

Nossa, essa é uma solução bem interessante!

Sempre quis aprender a fazer um site com uma loading page (Flash feelings...).

 

Sabe se tem uma forma de fazer uma porcentagem do tamanho dos arquivos a serem carregados?

Ou isso se trata de algo fictício?

 

Excelente dica!

Share this post


Link to post
Share on other sites

desculpa o século para responder... eh que deixei isso para ultima hora deixei por ultimo...

 

 

você usa SET TIME OUT?

você acha que funciona?

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.