Si tengo una serie de nombres de archivo de imagen,¿Cuál es la mejor manera de precargar múltiples imágenes en JavaScript?
var preload = ["a.gif", "b.gif", "c.gif"];
y quiero cargar previamente en un bucle, es necesario crear un objeto de imagen cada vez? ¿Funcionarán todos los métodos enumerados a continuación? ¿Es uno mejor?
A.
var image = new Image();
for (i = 0; i < preload.length; i++) {
image.src = preload[i];
}
B.
var image;
for (i = 0; i < preload.length; i++) {
image = new Image();
image.src = preload[i];
}
C.
var images = [];
for (i = 0; i < preload.length; i++) {
images[i] = new Image();
images[i].src = preload[i];
}
Gracias!
¿Es un requisito estricto de que usted comienza con una serie de nombres de archivos? Si su objetivo es simplemente mejorar la experiencia del usuario, puede ser mejor con el uso de sprites CSS: http://www.alistapart.com/articles/sprites/ –