Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Dúvidas com Pre-Loader


Paulo Rodrigo

Pergunta

Olá pessoal :rolleyes:

Mais uma vez eu pedindo uma mão <_<

Como criar pre-loaders de pagina? ( enquanto a pagina não tiver carregada exibir apenas uma .GIF ? )

Abraços a todos :rolleyes:

Ou então a página ser aberta de "fundo", ex. Gif no centro da pagina, enquanto o site "de fundo" é carregado...

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Você teria que fazer algo como:

<html>
<head>
<title>Minha Página</title>
<script type="text/javascript">
function MostraPagina() {
document.getElementById("carregando").style.visibility = "hidden"
document.getElementById("conteudo").style.visibility = "visible"
}
</script>
</head>
<body onload="MostraPagina()">
<div id="carregando" style="visibility: visible">
<!-- A imagem ficará aqui -->
</div>
<div id="conteudo" style="visibility: hidden">
Aqui ficará o conteúdo normal do site !
</div>
</body>
</html>

Espero ter ajudado !

Qualquer coisa posta aí !

Obs.:

Se quiser umas imagens de carregamento boas, dá uma olhada nisso aqui: http://scriptbrasil.com.br/forum/index.php?showtopic=113562

Link para o comentário
Compartilhar em outros sites

  • 0
Pronto !

Coloquei como resolvido

E pre-loader de uma imagem antes do carregamento inicial da página, como seria? :x~

Como assim ?

Não entendi muito bem !

Como carregar uma imagem e após dar prosseguimento no carregamento da pagina? já vi algu assim, com nome "PreLoaderImagem" em scripts, mas não lembro... :~

Link para o comentário
Compartilhar em outros sites

  • 0

Tipo, eu tenho a minha galeria de imagens,

e pus como background de cada <img />, uma loading.gif,

mas minha dúvida, é como posso por, para primeiro fazer com que abra a loading.gif

e após abrir as .jpg's, textos, etc... :blink:

eu já tinha visto um script assim, no qual tinha que especificar a imagem.gif dentro de um <script>

e no <body> a funcao do script era chamada, sem usar display:hidden; etc.. :wacko: :wacko:

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,9k
×
×
  • Criar Novo...