¡¡ Ayuda con Precarga imágenes !!

TomaHawkk · #1 (**permalink**) 05/07/2002, 05:59

:cantar:Hola a todos!

Quiero hacer una precarga de imágenes en mi web, pero no entiendo muy bien
para que se hace esto exactamente y que ventajas tiene...

He utilizado un ejemplo que viene en el famoso deposito pero creo que no
funciona correctamente o al menos eso creo, la cuestion es que me carga las imágenes y
después aparece la barra de progreso por lo que no veo ninguna ventaja por ninguna parte ¿precarga de imagénes?, ¡¡ no entiendo !!

Aqui os dejo el código por si tengo algo mal:

Código:

  
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt; Precarga de imagenes... &lt;/TITLE&gt;
&lt;script language=&quot;javascript&quot; src=&quot;progressbar.js&quot;&gt;&lt;/script&gt;
&lt;/HEAD&gt;

&lt;BODY&gt;

&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m1.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m2.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m3.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m4.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m5.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m6.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m7.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m8.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m9.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m10.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m11.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m12.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m13.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m14.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m15.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m16.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m17.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m18.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m19.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m20.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m21.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m22.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m23.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;
&lt;IMG SRC=&quot;C:/Temporal/ProgressBar/m24.jpg&quot; WIDTH=&quot;200&quot; HEIGHT=&quot;97&quot; BORDER=0 ALT=&quot;&quot;&gt;

&lt;/BODY&gt;
&lt;/HTML&gt;

Muchas gracias, espero que me ayudeis... :)

caricatos · #2 (**permalink**) 05/07/2002, 18:30

Hola TomaHawkk:

La utilidad de la precarga es sobre todo para lo que se llama rollover (algo así como intercambio), un ejemplo es que pases el ratón por encima de una imagen y se cambie por otra.

La precarga del depósito tiene un par de fallitos:

function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var indice = 0; indice < args.length; indice++) {
this.dibujos[indice] = new Image();
this.dibujos[indice].src = args[indice];
}
return this.dibujos;
}

y para usarlo tendrías que poner:
var imagenes = new Precarga("imagen1.gif", "imagen2.gif");

// es solo un ejemplo

Saludos

TomaHawkk · #3 (**permalink**) 08/07/2002, 03:59

Hola!

Muchas gracias Caricatos!! pero la precarga que yo digo es la que visualiza una barra de progreso "progressbar.js", el problema es que me visualiza las imágenes y despues la barra de progreso...

¿nadie sabe como solucionar esto? :roto:

Un saludo y gracias.

Wg_Killer · #4 (**permalink**) 08/07/2002, 20:21

Veras, se poco de JavaScript, asi que... solamente te voy a dar el codigo que eh encontrado y eh añadido a la pagina que estoy haciendo sobre Half-Life, es una especie de manual que hice a un amigo pa que me ayude, aunke necesitas 2 imagenes, Todo esto lo puedes encontrar en esta direccion:

3w.geocities.com/wg_killer/pre-cargado.htm
3w.geocities.com/wg_killer/nero.gif
3w.geocities.com/wg_killer/blu.gif

Espero de que te sirva, mas o menos viene to explicao. ;)