borrame.com - Colección particular de recortes de código y documentación para programación web

Canales RSS

Lo más fresco

  1. Enlaces sobre desarrollo web Modificado
  2. Cadena aleatoria en PHP Modificado
  3. Recortar texto Nuevo

Sugerencias del chef

Lo más visitado

  1. Canales RSS
  2. Formato condicional según el día de la semana
  3. Enlaces sobre desarrollo web
  4. Recortar texto
  5. Convertir de minutos a horas
Compartir esta página

Precarga de imágenes

Recibe como argumento un número indeterminado de cadenas con el URL de sendas imágenes y hace que el navegador las descargue.

/* * Precarga de imágenes * * @version 2005-05-22 */ function precarga() { var argv = precarga.arguments; var argc = precarga.arguments.length; if (!document.precarga_img) { document.precarga_img = new Array(); } for (var i = 0; i < argc; i++) { var j = document.precarga_img.length; document.precarga_img[j] = new Image(); document.precarga_img[j].src = argv[i]; } }

La precarga de imágenes es imprescindible para hacer rollovers decentes. Sin precarga se aprecia un claro retardo la primera vez que se coloca el ratón sobre el mismo. Si la conexión es más lenta que el usuario se puede perder el efecto por completo.

Dejamos como ejercicio al lector las modificaciones oportunas para:

Historial

v2005-05-22
Ahora las imágenes se añaden a un array global. Si no, al terminar la función Gecko elimina de la cola las no descargadas.
v2005-03-14
Primera versión.

Esta página ha sido impresa el miércoles 12 de agosto de 2026 (13:54:07 +0200) desde https://borrame.com/recortes/javascript/precarga-imagenes.html. La última vez que miré contenía HTML válido con CSS fresquito y si tiene flatas de ortografía ha sido sin querer.

Lorem ipsum dolor sit amet.

© 2005-2026 by Álvaro González (alvaro.es) • Burgos (España) • borrame.com