Este código tem nota
5
Versão para Impressão
Enviar por E-mail
Adicionar em Favoritos
Assine nossos Feeds

Conheça o Autor

netossf
Francisco
Soares de Souza Neto
membro deste março de 2007.

Palavras-Chave

DHTML
Imagem
JavaScript

Leia mais

Ajax: Guia de Programação
Compartilhe e guarde
  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • websapiens
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!
JavaScript - DHTML / Browser

Carregar imagens e textos antes de abrir a página

visto por 5639 vez(es)

Este é um modelo bem simples de "Pre-loading" que é bastante útil para carregar as imagens e textos antes da página ser aberta.

Copiar o Código para a Área de Transferência
Aumentar fonte
Diminuir fonte
Aumentar a altura da caixa de código
Diminuir a altura da caixa de código
Visualizar código em modo de edição
<HTML>
 <HEAD>
  <TITLE></TITLE>
<STYLE type=text/css>
 #divLoadCont{position:absolute; width:100%; height:100%; top:0; left:0; 

background-color:white; layer-background-color:white; font-family:arial,helvetica; 

z-index:100}
</STYLE>
<script type="text/javascript" language="JavaScript">
 function checkBrowser(){
  this.ver=navigator.appVersion
  this.dom=document.getElementById?1:0
  this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
  this.ie4=(document.all && !this.dom)?1:0;
  this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  this.ns4=(document.layers && !this.dom)?1:0;
  this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns5)
  return this
 }
 bw=new checkBrowser()
 function hideIt(div){
  if(bw.bw){
   div="divLoadCont"
   

obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?

document[div]:0; 
   obj.visibility='hidden'
  }
 }
 onload=hideIt;
</script>
 </HEAD>
 <BODY TOPMARGIN="0" LEFTMARGIN="0" SCROLL="NO" background="Iceberg.jpg">
 <script>
  if(bw.bw) document.write('<div id="divLoadCont"><table width="100%" height="100%" 

align="center" valign="middle"><tr><td width="100%" height="100%" align="center" 

valign="middle"><FONT FACE="Verdana" SIZE="2" 

COLOR="#000000"><B>Loading...</B></FONT></td></tr></table></div>')
 </script>
 <P><B>Loading Simples</B></P>

</BODY>
</HTML>
<STYLE>

ArquivoTipoTamanhoHits 
Iceberg.jpgArquivo JPG177,7 Kb822Baixar o Arquivo
Sim   Não   Este código foi útil para você?
NotaComentárioMembro
2
19/1/2008
...
bem... nao consegui colocar no meu blog.
mas quem sabe num website
 undertaker
8
18/3/2007
muito legal
esse codigo é muito util
para quem tem sites mais pesados
muito bom mesmo.

ate mais.
 pottery
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 10 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.