ajax img change

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.