содержимое div моей веб-страницы изменяется динамически. Изображения, используемые в динамическом html, в настоящее время находятся на сервере. Есть ли способ, которым я могу сделать эти изображения более удобными при изменении содержимого div
Вы можете предварительно загрузить изображения в событие onLoad
для повышения производительности.Для предварительной загрузки изображения используйте объект Image
:
var anImage = new Image(width, height);
Вышеупомянутый создает объект в памяти, свойства которого пусты. Но затем вы можете назначить URL-адрес изображения свойству src объекта:
var anImage = new Image(100, 200);
anImage.src = "imageFile.gif";
Затем вы назначаете свойство src
этого сохраненного изображения свойству src
вашего Элемент
, который появляется на странице:
document.images["someImage"].src = anImage.src; // preloaded image