Ver Mensaje Individual
  #4 (permalink)  
Antiguo 22/01/2011, 06:10
Avatar de IsaBelM
IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Carga de imágenes con la página ya servida

sonaba bien, verdad?? no sé en que estaba pensando cuando dije "superponer imágenes". se trata de modificar el dom
un código montado por caricatos. lo he modificado un poco para adaptarlo a tus necesidades
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) {
var parciales = true;
for (var i = 0; i < dibujos.length; i ++) {
document.getElementById('img'+i).src = dibujos[i].src;
parciales = (parciales && dibujos[i].complete);
}
return parciales;
}


function cargando() {
if (!precargados(imagenes))
setTimeout("cargando()", 100);
}

var imagenes;
function ini() {
imagenes = new precargar("img1.gif",
"img2.gif",
"img3.gif"
);
cargando();
}
</script>
</head>
<body onload="ini()">
<div><img id="img0" src="precarga.gif" /></div>
<div><img id="img1" src="precarga.gif" /></div>
<div><img id="img2" src="precarga.gif" /></div>
</body>
</html>
aquí tienes el código original