Предварительная загрузка изображения изящно в Javascript (без какой-либо библиотеки JS)?

Question

У меня есть изображение с установленным атрибутом src.

Я хотел бы заменить изображение, но соединение с сервером медленное, и время, необходимое для загрузки нового изображения, не является незначительным.

Есть ли возможность создать внутренний объект Image, установить для него вид «onLoadListener», загрузить изображение, а затем установить для него атрибут src исходного изображения?

Answer 1

Вы можете предварительно загрузить изображения в JavaScript, как это ...

myImage = new Image();
myImage.onload = function () { alert("Loaded"); };
myImage.src = "logo.gif";

Вы можете поместить логику для всплывающего изображения на странице вместо предупреждения.