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...

- Enlace con confirmación en JavaScript
- Imagen que se desvanece
- El for en JavaScript
- Javascript no intrusivo
- Seleccionar y copiar formulario con Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento