Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
alguém pode me passar exemplos de "loading"??? Ao requisitar uma pagina aparecer uma layer cobrindo toda a pagina com o nome ou imagem carregando e ao carregar sumir.Obrigado.
Galera tb preciso dessa parada aih..
po ex...
tenho a seguinte pág..
http://www.hi-fi.110mb.com/fotos.htm (bem começo de carreira neh.. hauhauh xP)
como utilizo o efeito lightbox, não pode ser clicado antes que a página toda carregue...
aí tenho o sguinte aviso...
mas o usuário tem que clicar para fechar..
gostaria que esse layer sumisse sozinho ao carregar da página...
alguém sabe como fazer isto??
É com javascript mesmo. Só uma layer sobrepondo a pagina e quando ela carregar automaticamente some.
lendo isso acho que uma solução seria criar como primeiro elemento da pagina um div com os tamanhos do browser (tudo via JS) ae cria uma função
function someDIV(dive){ document.getElementById(dive).style.block = 'none';}
ae chama qndo carregar a pagina
<body onload="someDIV('div_criado_pelo_js')"
codigo para criar o div (tem uams funçoes q parecem estranhas mas são para agilizar o processo)
// Utilizado para evitar de digitar: document.getElementById toda hora, tornando o processo mais práticofunction gE(ID) { return document.getElementById(ID);}// Utilizado para evitar de digitar: document.getElementsByTagName toda hora, tornando o processo mais práticofunction gEs(tag) { return document.getElementsByTagName(tag);}// Utilizado para criar o fundo sobre a página (wiewport), body.function exibirBgBody() { // Seleciona a tag body. item(0) por que só existe uma tag body var tagBody = gEs('body').item(0); // Pega os tamanhos atuais da página, como largura, altura, ... var sizesPage = getPageSize(); // Vamos criar uma tag div var bgBody = document.createElement('div'); // Setar o atributo ID a div criada bgBody.setAttribute('id','bgBody'); // Essa div terá o tamanho exato da página bgBody.style.height = arrayPageSize[1] + 'px'; // Essa div terá a largura exata da página bgBody.style.width = arrayPageSize[0] + 'px'; // Evita criar a div novamente if (!gE('bgBody')) { tagBody.insertBefore(bgBody, tagBody.firstChild); } }// getPageSize()// Returns array with page width, height and window width, height// Core code from - quirksmode.org// Edit for Firefox by pHaez//function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; if (self.innerHeight) { // all except Explorer windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } // for small pages with total height less then height of the viewport if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } // for small pages with total width less then width of the viewport if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) }e ae funcionou?
Só com JavaScript, ou uma requisição de Ajax?