Carga de imágenes

Enea · #1 (**permalink**) 20/06/2005, 01:56

Es posible gestionar el orden de carga de las imágenes de una web?

Muchas grasias!!!

Enea · #2 (**permalink**) 21/06/2005, 10:45

No es posible entonces? :(

caricatos · #3 (**permalink**) 22/06/2005, 01:17

Hola Enea:

Sí que es posible, pero algo trabajoso... Tendrías que "precargar" las imágenes una por una, y luego asignar la imagen al tag img correspondiente...

En las FAQs puse un código para precargar con barra de progreso... para empezar tal vez te sirva... y en otra ocasión respondí un tema donde se intentaba navegar sobre un plano... Si fuese algo similar, te podría buscar el mensaje.

Saludos

Enea · #4 (**permalink**) 23/06/2005, 08:05

Hola Caricatos, gracias por contestar.. :)

Lo necesitaría porque es una web que esta hecha por capas y depende de la conexión se cargan primero los botones y luego el fondo y cosas así, para estipular q siempre primero el fondo, luego botones,así no se vería tan rara...

Gracias!!!

caricatos · #5 (**permalink**) 23/06/2005, 08:30

Hola otra vez:

Para el caso de las capas, puedes ver como una muestra mi galería de imágenes paginada: http://www.sucaricatura.com/2005/

Si te fijas sale la última página visible y si pinchas sobre el número que indica la páginación es cuando se cargan el resto de las imágenes... se trata de una capa en donde la asignación del atributo src de las imágenes se realiza al activarlas...

Pienso que no es exactamente lo que quieres, pero al tratarse de capas, supongo que te podrá servir de referencia...

Ahora tengo que dejar esto pendiente, pero si no se me adelanta nadie, en breve me pongo a preparar un script que seguramente tengas que adaptar a tus necesidades.

Saludos

caricatos · #6 (**permalink**) 23/06/2005, 14:04

Hola otra vez:

Ahí va el script:

Código:

<html>
<head>
<title>
	Precargas en cascada
</title>
<script>
var imagenes = [
	"http://www.sucaricatura.com/2002/mini/2002V005.jpg",
	"http://www.sucaricatura.com/2002/mini/2002V006.jpg",
	"http://www.sucaricatura.com/2002/mini/2002V007.jpg",
	"http://www.sucaricatura.com/2002/mini/2002V008.jpg"
];
var contador = 0;
function continuarPrecargando(){
 if (document.images[contador].complete)
  if (++contador < document.images.length)
    precargando()
   else alert("terminado")
  else setTimeout("continuarPrecargando()", 100);
}

function precargando() {
 document.images[contador].src = imagenes[contador];
 continuarPrecargando();
}

</script>
</head>
<body onload=precargando()>

<img src="" />
<img src="" />
<img src="" />
<img src="" />

</body> 
</html>

Lo puedes probar en mi magnífico probador de código: http://www.pepemolina.com/probador/

Solo tienes que pegar el código en el textarea, y clickear el botón... verás que se cargan en orden, y al acabar muestra una alerta...

Espero que te sirva.

Saludos

Enea · #7 (**permalink**) 24/06/2005, 04:11

Mushisimas gracias!!! Ya veo que funciona en tu "magnífico probador de código"...
Vamos a probarlo en mi página y te cuento :)
Grasisssss!!!!