Ver Mensaje Individual
  #8 (permalink)  
Antiguo 29/01/2011, 07:40
Avatar de IsaBelM
IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 11 meses
Puntos: 1012
Respuesta: Declaración de imagenes globales

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