30/01/2010, 14:23
|
 | Moderador | | Fecha de Ingreso: abril-2002 Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes Puntos: 1284 | |
| Respuesta: Demasiado rapido?
Hola:
Pues acabo de probar en esta página: Probador de scripts, con este código:
Código:
<html>
<head>
<title>
precarga de imagenes (con barra de progreso)
</title>
<script>
function precargar() {
var dibujos = new Array(precargar.arguments.length);
for (var i = 0; i < dibujos.length; i ++) {
dibujos[i] = new Image();
dibujos[i].src = precargar.arguments[i]
}
return dibujos;
}
function precargados(dibujos) {
var parciales = true;
for (var i = 0; i < dibujos.length; i ++)
parciales = (parciales && dibujos[i].complete);
return parciales;
}
function porciento(dibujos) {
var parciales = 0;
for (var i = 0; i < dibujos.length; i ++)
parciales += (dibujos[i].complete) ? 1 : 0;
return parseInt(100 * parciales / dibujos.length);
}
var imagenes;
function continuar() {
alert("Ok.");
}
function cargando() {
document.getElementById("estado").style.width = porciento(imagenes) + "%";
if (precargados(imagenes))
continuar();
else
setTimeout("cargando()", 100);
}
function ini() {
imagenes = new precargar(
"http://www.sucaricatura.com/2004/fotos/20040000.jpg",
"http://www.sucaricatura.com/2004/fotos/20040001.jpg",
"http://www.sucaricatura.com/2004/fotos/20040002.jpg",
"http://www.sucaricatura.com/2004/fotos/20040003.jpg",
"http://www.sucaricatura.com/2004/fotos/20040004.jpg",
"http://www.sucaricatura.com/2004/fotos/20040005.jpg",
"http://www.sucaricatura.com/2004/fotos/20040006.jpg",
"http://www.sucaricatura.com/2004/fotos/20040007.jpg",
"http://www.sucaricatura.com/2004/fotos/20040008.jpg"
);
cargando();
}
</script>
</head>
<body onload="ini()">
<div style="position:relative; width: 100px; height: 20px; border: 1px" >
<div style="position:absolute; top: 0; left: 0; width:100%; height: 100%; background-color: blue" >
</div>
<div id="estado"
style="position:absolute; top: 0; left: 0; width: 1%; height: 100%; background-color: aqua" >
</div>
</div>
</body>
</html>
Y funciona bien en IE8...
Saludois 
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo |