Necesito hacer una precarga de una lista de imágenes en javascript para luego ser utilizadas en el DOM. He encontrado el siguiente snippet de código en la web y he decidido probarlo:
var images = [];
function preload() {
for (var i = 0; i < arguments.length; i++) {
images[i] = new Image();
images[i].src = preload.arguments[i];
}
}
preload(
"assets/images/image1.jpg",
"assets/images/image1.jpg",
"assets/images/image1.jpg"
)
El caso es que por lo que veo se guardan en el array images[]
como una especie de objetos. ¿Cómo puedo imprimir estas imágenes luego en el DOM? De momento tengo lo típico:
var ejemplodecontenedor = document.getElementById("divejemplo");
ejemplodecontenedor.innerHTML = "<img src='assets/images/image1.png'/>";
He probado ahora reemplazando en la última línea:
ejemplodecontenedor.innerHTML = images[0];
Esto evidentemente como ya me suponía no funciona. ¿Cuál es la forma de llamarlas correctamente?