Aqui você verá artigos sobre JavaScript
Moderador: web
por web Offline » Seg Dez 10, 2007 8:03 pm
|
|
Esse script mostra quantos porcento falta para o carregamento da página, como um dos objetos mais pesados em um documento são figuras, o script toma como base eles.
CSS
- Código: Selecionar todos
<style type="text/css">
div#loading_parent {
width: 200px;
border: 1px solid black;
}
div#loading_bar {
width: 0;
background-color: green;
}
</style>
JAVASCRIPT
- Código: Selecionar todos
<script type="text/javascript">
var img_interval;
function erase() {
document.getElementById("loading_text").style.display = "none";
document.getElementById("loading_parent").style.display = "none";
}
function startCheck() {
img_interval = setInterval("checkImages()", 10);
}
function checkImages() {
var imgs = document.getElementsByTagName("img");
var total = imgs.length;
var num_loaded = 0;
var i;
for(i=0; i<total; i++) {
if(imgs[i].complete)
num_loaded++;
}
var per_cent = (num_loaded / total) * 100;
var per_cent = Math.round(per_cent);
document.getElementById("loading_bar").style.width = per_cent + "%";
if(num_loaded == total) {
clearInterval(img_interval);
document.getElementById("loading_text").innerHTML = "completo";
setTimeout("erase()", 1000);
} else {
document.getElementById("loading_text").innerHTML = per_cent+"%";
}
}
</script>
<script language="javascript">startCheck();</script>
HTML
- Código: Selecionar todos
<span id="loading_text" style="display:block;">0%</span>
<div id="loading_parent">
<div id="loading_bar"> </div>
</div>
<img src="suafigura.jpg" onerror="this.src='nocasodeerromostraessa.jpg'">
Note que no img tem o onerror, é importante que você sete uma figura caso não seja encontrada a imagem original.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11889
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre JavaScript
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
