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

Preload


Guest Kabs

Pergunta

5 respostass a esta questão

Posts Recomendados

  • 0
jesus!!!! que código chato esse eihn!

se você não conseguir com esse, é so falar q eu fiz um com três linhas de código (bem mais simples e com o mesmo efeito)

OBS: repare q essa ai de cima é para a pagina inteira, o q eu fiz serve pra uma só figura ou o q você quiser.

Que legal, cara...

você poderia postar esse script pra gente?

Link para o comentário
Compartilhar em outros sites

  • 0

primeiramente eu pesso desculpas pela demora, é q eu não tinha visto esse tópico até então!

como funciona o preload:

a página fica invisivel até ter sido carregada, enquanto isso não acontece, fica uma mensagem na tela.

LINHA 01

você tem q cria a mensagem, eu uso tag DIV:

<DIV ID="div1"><TABLE WIDTH="100%" HEIGHT="100%"><TR><TD WIDTH="100%" HEIGHT="100%" ALIGN="center" VALIGN="middle">aki você coloca qualquer coisa, texto: CARREGANDO... ou uma img</TD></TR></TABLE></DIV>

LINHA 02

o resto da página, você coloca em outra tag DIV, porém invisivel:

<DIV ID="div2" STYLE="display:none">Conteúdo aki</DIV>

prontinho. agora o q você tem a fazer é um script q inverte isso no evento ONLOAD da tag BODY

LINHA 03

function loading(){div1.style.display='none';div2.style.display='';} document.onload=loading();

exemplo meu (sem comentários sobre o design dessa page, nessa época eu tava fraco ainda!)

você pode fazer preloads só de imags. você usa esse script:

function loading(var1,var2){var1.style.display='none';var2.style.display='';}

e chame a função no onload desejado, como o de uma IMG:

<DIV ID="tp1">carregando</DIV>

<IMG SRC="..." ONLOAD="loading('tp1', 'tp2');" ID="tp2" STYLE="display:none">

---------------

se tiver algum erro ai em cima, cs me desculpem, é q eu estou pingando de sono!

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,3k
    • Posts
      652,3k
×
×
  • Criar Novo...