tomando los temas que abristes anteriormente, onload, onerror y que la definición de las imágenes sea global, creo que esto es lo que quieres
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es" xml:lang="es">
<head>
<title>Documento sin título</title>
<script type="text/javascript">
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) {
for (var i = 0; i < dibujos.length; i++) {
(function(){
var contador = i;
dibujos[i].onload = function() {
document.getElementById('img'+contador).src = dibujos[contador].src;
}
dibujos[i].onerror = function() {
document.getElementById('img'+contador).src = 'error.gif';
}
})();
}
}
var imagenes;
function ini() {
imagenes = new precargar("http://jonlabiano.files.wordpress.com/2010/02/bassket.jpg?'+Math.random()+'",
"http://jonlabiano.files.wordpress.com/2010/02/basket5.jpg?'+Math.random()+'"
);
precargados(imagenes);
}
</script>
</head>
<body onload="ini()">
<div><img id="img0" src="./precarga.gif" /></div>
<div><img id="img1" src="./precarga.gif" /></div>
</body>
</html>
como ves, continuo usando parte del código de caricatos
de precargas de imágenes