Precarga de Imágenes

[leoperez]

Hola,

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);
}