Javascript ajax img更改

我已经实现了一个从1000多个图像中提取单个图像的代码。使用ajax调用更改了图像，每个图像的下载时间都有所不同。如何使此图像在彼此平滑过渡的情况下进行更改，即无任何闪烁和ajax处理图像您可以预先选择要加载的图像并将其存储在持久阵列中：

var image_paths = new Array();
/* fill image_paths */

window.preload_images = new Array();

for (var i in image_paths) {
    var image_src = image_paths[i];
    var img = new Image();
    img.src = image_src;
    preload_images.push(img);
}

---

这将告诉DOM将图像加载到JavaScript

image

对象中，但除非

preload\u images

未设置，否则不要销毁它。

是否预加载图像？