ARTICULOS

Precarga de imágenes en JavaScript

Autor: El Guru (http://www.elguruprogramador.com.ar) - 18/06/2002

Del.icio.us Facebook Technorati

Este articulo explica como por medio de JavaScript podemos precargar las imagenes de nuestro website para que las imagenes cargen mas rapido.

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 ;-) Espero que les sea util, Saludos!

 

Más artículos sobre Java Script

1. Evitar el doble envío de un formulario
2. Marcar todos los checkboxes
3. Confirmar eliminar registro
4. Detectar el idioma y país del usuario
5. Redirección de acuerdo a la resolución del usuario
6. Fecha y hora con JavaScript
7. Muestra frases en forma aleatoria
8. Detectando el plugin de Flash
9. Cómo hacer un pop-up con JavaScript
10. Nivelar altura de capas paralelas
Más artículos...

Otros artículos...

Hojas de Estilo Capas visibles e invisibles
ASP Evitar la cache del navegador
PHP Paginación de resultados con PHP
PHP Geolocalización en tu página web
phpBB Respuesta rápida en phpBB
ASP ¿Qué es el archivo GLOBAL.ASA?
phpBB phpBB: Mostrar los últimos mensajes
Marketing El posicionamiento en los buscadores de Internet
Java Script Ejecutar código PHP o ASP
PHP Validar una dirección de email
Más artículos...