ajax img改变

Question

我已经实现了从1000多张图片中获取单张图片的代码。使用ajax调用更改了图像，并且每个图像的下载时间各不相同。如何使这个图像更改为平滑过渡，即 没有任何 闪烁和ajax处理图像

Answer 1

您可以预先选择要加载的图像并将其存储在持久数组中：

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_images未设置。