Precarga de Imágenes

[scorpius]

Hola!!! Quisiera saber cómo se utiliza un pre-loader de imágenes, y si fuera con un ejemplo... Mejor! =)
Tengo uno de esos rollover, de dos imágenes, y la imagen del botón estandar carga rápido, pero la segunda, la de abajo, tarda, no aparece ni bien me paro sobre el botón.
y eso que las imágenes no pesan mas de 2k c/u.
Agradecido desde ya!
Hernán

Porque lo importante no es qué hagamos,<font color=#ff0000> sino cómo lo hagamos...[/CODE]
Scorpius<HR>Troesmas del Web - Regionalización ARGENTINA

[Davichos]

Hola, Creo que esto es lo que necesitas:
&lt;HEAD&gt;
&lt;SCRIPT language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;
var Fotos;
function cargaImagenes(){
if(document.images){
Fotos=new Array();
for(var i=0;i&lt;cargaImagenes.arguments.length;i++){
Fotos[I]=new Image(50,50);
Fotos[i].src=cargaImagenes.arguments[i];
}
}
}
cargaImagenes(&quot;Imagenes/nena.jpg&quot;,&quot;Imagenes/todos.jpg&quot;)
function cambia(nombre,i){
document.images[nombre].src=Fotos.src;
}
&lt;/SCRIPT&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;A href=&quot;#&quot; onclick=&quot;return false;&quot; onmouseover=&quot;cambia('Imagen',1);&quot; onmouseout=&quot;cambia('Imagen',0);&quot;&gt;&lt; IMG name=&quot;Imagen&quot; width=50 height=50 border=0 src=&quot;Imagenes/nena.jpg&quot;&gt;&lt;/a&gt;
…..

Donde:
50,50 en new Image(50,50): Es el tamaño de tu imagen, si te conviene no la especifiques, en
cargaImagenes puedes poner tantas imágenes como quieras, y en
cambia(nombre, i): nombre es eso de name=”Imagen” e i es el indicador de fotos en el arreglo.
Y pues esto hace que tengas las imágenes ya cargadas y no se tarde en cambiar, bueno esto en teoría debe de funcionar, espero te sirva y no me haya extendido mucho, nos vemos ...

[Helbira]

Una forma rápida de hacerlo con Dreamweaver (por si es el editor que utilizas) es en el menú Ventana (Window) seleccionas la opción Comportamientos (Behaviours).

Defines para el evento onLoad , pulsando el botóncito + , la opción Carga previa de imágenes y ya sólo tienes que indicar la ruta de las imágenes que quieres que se cargen una vez cargada la página html en el navegador.



<div align="left">
<img src="http://www.sfn.saskatoon.sk.ca/~ad676/moon/img/kissy.gif" border="0">
</div>

[scorpius]

muchas gracias a los dos! =) Voy a probarlo ahora mismo!

Un abrazo!

Hernán.
;)

Porque lo importante no es qué hagamos,<font color=#ff0000> sino cómo lo hagamos...[/CODE]
Scorpius<HR>Troesmas del Web - Regionalización ARGENTINA

[henryjj]

Tal vez te sirva

PRECARCAR IMAGENES

Dentro de la etiqueta body poner:

&lt;body ... onLoad=&quot;MM_preloadImages('botones/boton1.gif','botones/boton2.gif')&quot;&gt;

Con esto las imagenes se cargan junto con toda la página

<center><embed src="http://www.geocities.com/henryojj/henry.swf" height=180 width=165>
</embed></center>

[scorpius]

Muchas Gracias, si, me sirve! =)

Un abrazo,
Gracias.
Hernán.

Porque lo importante no es qué hagamos,<font color=#ff0000> sino cómo lo hagamos...[/CODE]
Scorpius<HR>Troesmas del Web - Regionalización ARGENTINA