Precarga de imagenes en JavaScript
Escrito por Mauro Rondinelli el Jueves 18 de Abril de 2002 a las 00:00hs
El siguiente codigo va entre las etiquetas <HEAD> y </HEAD>...
<script language="javascript 1.2">
<!--
var i;
var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif");
var lista_imagenes = new Array();
function cargarimagenes(){
for(i in imagenes){
lista_imagenes[i] = new Image();
lista_imagenes[i].src = imagenes[i];
}
}
//-->
</script> Bien, en resumen lo que realiza este codigo es precargar las imagenes puestas en el vector imagenes...
var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif"); Podemos modificar la ruta de acceso a las imagenes ("imagen1.gif"....) y asi definir que imagenes queremos precargar, ahora bien lo que nos falta es llamar a la funcion cargarimagenes para cargar nuestras imagenes, esto lo hacemos dentro de la etiqueta BODY y es conveniente realizarlo antes de cualquier otro codigo...
<BODY>
<script>
cargarimagenes();
</script>
</BODY> Con el codigo anterior ya tenemos cargadas las imagenes, lo que nos queda es administrar bien la carga de imagenes, por ejemplo en una pagina x que no tenga mucho contenido podemos cargar las imagenes de otra pagina del sitio asi ya no ahorramos algo de tiempo, entonces cuando el usuario visita esa pagina las imagenes se cargan de forma inmediata.
comentarios
-
No me sale tu precarga deberias poner la carpeta de descarga de las imagenes para ver el ejmplo
-
Muchas gracias!
Es justo lo que necesitaba, con la mayoria de navegadores no me daba problema pero con opera la primera vez que pasaba el raton por un imagen que debia cambiar no se mostraba, y de esta forma esta solucionado.
Lo unico que he cambiado a sido la forma de crear el array, poniendo la direccion donde se encuentra la imagen:
var imagenes = new Array();
imagenes[0] = "carpeta/carpeta2/imagen1.jpg";
imagenes[1] = "carpeta/carpeta2/imagen2.jpg";
imagenes[2] = "carpeta/carpeta2/imagen3.jpg"; -
Algo he debido hacer mal puesto que carga las img una a una (igual que sin el java..) con un efecto que no me gusta. Si alguien puede arrojar luz sobre este pobre principiante lo agradeceré mucho.
-
Hola, Me parece perfecto el codigo, ya q es breve y justo lo q uno necesita, sin mas ni menos. ahora bien lo inserte en un sitio pero no funciono. lo q necesito es precisamente cargar una serie de imagenes. la unica diferencia es que a la imagen le puse la carpeta donde estan alojadas: "images/imagen.1jpg","images/imagen2.gif"); y alterne entre imagenes Gif y JPG, la version del browser es IE 6.0. alguna sugerencia??
Saludos Cordiales,
Daniel -
A mi lo que me interesaria es que la imagen que es cargada que en su lugar muestre otra imagen pequeña, que aparesca hasta que la imagen que toca se cargue.
