.gif&contenttype=gif)
Este artículo explica como por medio de JavaScript podemos precargar las imágenes de nuestro website para que las imágenes cargen mas rápido.
El siguiente código va entre las etiquetas <HEAD> y </HEAD>...
<script language="javascript 1.2">
<!--
var i;
var imágenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif");
var lista_imágenes = new Array();
function cargarimágenes(){
for(i in imágenes){
lista_imágenes[i] = new Image();
lista_imágenes[i].src = imágenes[i];
}
}
//-->
</script>
Bien, en resumen lo que realiza este código es precargar las imágenes puestas en el vector imágenes...
var imágenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif");
Podemos modificar la ruta de acceso a las imágenes ("imagen1.gif"...) y así definir que imágenes queremos precargar, ahora bien lo que nos falta es llamar a la función cargarimágenes para cargar nuestras imágenes, esto lo hacemos dentro de la etiqueta BODY y es conveniente realizarlo antes de cualquier otro código...
<BODY>
<script>
cargarimágenes();
</script>
</BODY>
Con el código anterior ya tenemos cargadas las imágenes, lo que nos queda es administrar bien la carga de imágenes, por ejemplo en una página x que no tenga mucho contenido podemos cargar las imágenes de otra página del sitio asi ya no ahorramos algo de tiempo, entonces cuando el usuario visita esa página las imágenes se cargan de forma inmediata ;-) Espero que les sea útil, Saludos!
Usuarios que han visto este tema también han visto...
- Deshabilitar minimizar en JavaScript
- Ver código de fuente de una página usando Javascript
- Abrir una ventana cuando otra es cerrada con Javascript
- Enlace a la pagina anterior
- Tiempo desde el inicio del año en Javascript
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.