Precarga de Imágenes en JavaScript

Puede que en alguna página de la web necesites que las imágenes aparezcan todas a un mismo tiempo antes de mostrar el texto. Para esto se utiliza la precarga de imágenes, cuya función es solicitar las imágenes que queramos al servidor y no mostrarlas en pantalla hasta que no estén todas cargadas. El código es el siguiente:

<html>
<head>
<title>Ejemplo1</title>
</head>

function preCarga() {
if (!document.images) return;
var ar = new Array();
var arguments = preload.arguments;
for (var i = 0; i < arguments.length; i++) {
ar[i] = new Image();
ar[i].src = arguments[i];
}
}

</script>

</body>
</html>

En el evento OnLoad de la etiqueta <body> tienes que escribir la ruta de todas las imágenes que quieras 'precargar'. Si quieres poner más imágenes solo tienes que continuar la cadena ('imagen3.gif','imagen4.jpg'...).

Original de fuikas.tk

Usuarios que han visto este tema también han visto...

- ¿Carga rápido tu página?
- Refresco de imágenes para Webcam en JavaScript
- Logueando los errores nuestros usuarios con Javascript
- Forzar click a un campo file con JavaScript
- Crear un archivo .js

- Versión imprimible de este documento

- Enviar por e-mail este documento