El siguiente código que muestro realiza la precarga de imágenes de una web, mostrando una página de cargando y mostrando una barra de precarga en la que cada cuadradito de la barra está simulando la precarga de una imagen.
Me gustaría saber si alguien puede ayudarme para cambiarlo a que lo que se muestre sea un porcentaje de la carga y no las imágenes. Alguien sabe hacerlo?
Muchas gracias.
El código es éste:
Código:
// Para configurar este JavaScript tienes que modificar
// Las variables que se indican a continuacion
// URL de la pagina que se carga tras la precarga
var Desprespreload="index.html";
// Longitud total de la barra
var Longbarra = 150;
// Ancho de la barra
var Amplbarra = 15;
// si tienes imagenes en la pagina precarga.html que esten situadas
// por encima de la barra. Debes indicar cuantas tienes [0,1,2...]
var imagenesanteriors = 1;
// Indica aqui el enlace a las imagenes a precargar. El enlace
// debe referirse a la pagina "precarga.html". Puedes añadir
// todas las que desees.
var imagenes = new Array();
imagenes[0]="gif/image1.gif";
imagenes[1]="gif/image2.gif";
//Aquí irían las demás imágenes...
if (document.images){
var cuadres = new Array();
cuadres[0] = new Image(1,1);
// imagen 1x1 del cuadro cuando aun no esta cargado
cuadres[0].src = "img/precarga/gris.gif";
cuadres[1] = new Image(1,1);
// imagen 1x1 del cuadro cuando aun ya esta cargado
cuadres[1].src = "img/precarga/grana.gif";
//----------------------------------------
//
//----------------------------------------
var preimagenes = new Array();
var fet = Math.floor(Amplbarra/imagenes.length);
var contador = 0;
var temporitzador;
var carregat = new Array();
var deixaample = Longbarra%fet;
} else {
location.replace(Desprespreload);
}
function carga_imagenes() {
if (document.images){
for (var i = 0; i < imagenes.length; i++) {
preimagenes[i] = new Image();
preimagenes[i].src = imagenes[i];
}
for (var i = 0; i < preimagenes.length; i++) {
carregat[i] = false;
}
test_imagenes();
}
}
function test_imagenes() {
if (contador == preimagenes.length) {
clearTimeout(temporitzador);
location.replace(Desprespreload);
return;
}
for (var i = 0; i <= preimagenes.length; i++) {
if (carregat[i] == false && preimagenes[i].complete) {
carregat[i] = true;
real = contador+imagenesanteriors;
eval("document.images[" + real + "].src=cuadres[1].src");
contador++;
}
}
temporitzador = setTimeout("test_imagenes()",10);
}
