este es el codigo que he metido, y me sigue sin funcionar
<head>
<script language="javascript" type="text/javascript" >
<!--
<?php BEGIN__VBULLETIN__CODE__SNIPPET 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);
}
<?php BEGIN__VBULLETIN__CODE__SNIPPET var imagenes;
function continuar() {
alert("Ok.");
}
function cargando() {
document.getElementById("estado").style.width = porciento(imagenes) + "%";
if (precargados(imagenes))
continuar() {
document.getElementById("estado").style.display = "none";
}
else
setTimeout("cargando()", 100);
}
function ini() {
imagenes = new precargar("deportes/deporte01b.jpg","deportes/deporte02b.jpg","deportes/deporte03b.jpg","deportes/deporte04b.jpg","deportes/deporte05b.jpg","deportes/deporte06b.jpg","deportes/deporte07b.jpg","deportes/deporte08b.jpg","deportes/deporte09b.jpg","deportes/deporte10b.jpg","deportes/deporte01.jpg","deportes/deporte02.jpg","deportes/deporte03.jpg","deportes/deporte04.jpg","deportes/deporte05.jpg","deportes/deporte06.jpg","deportes/deporte07.jpg","deportes/deporte08.jpg","deportes/deporte09.jpg","deportes/deporte10.jpg",);
cargando();
}
// -->
</script>
</head>
<body onload="ini()">
<!--capas centrales-->
<div id="capaCentral">
<table width="100%" height="90%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr><td><div align="center" ><img src="deportes/deporte01.jpg" name="deporte01G" id="deporte01G" /></div>
</td></tr></table>
<div id="estado">
</div>
</body>
saludos
¿Cuál es el mejor método para precargar muchas imágenes? 
)
