кэширование изображений с помощью ajax

Question

содержимое div моей веб-страницы изменяется динамически.Изображения, используемые в динамическом html, в настоящее время находятся на сервере. Есть ли способ, которым я могу сделать эти изображения более удобными, когда меняется содержимое div

Answer 1

Вы можете предварительно загрузить изображения на событие onLoad для повышения производительности.Для предварительной загрузки изображения используйте объект Image:

var anImage = new Image(width, height);

Приведенное выше создает объект в памяти, свойства которого пусты.Но затем вы можете назначить URL-адрес изображения свойству src объекта:

var anImage = new Image(100, 200);
anImage.src = "imageFile.gif";

Затем вы присваиваете свойство src этого сохраненного изображения для свойства src вашего элемента <img>, который появляется встраница:

document.images["someImage"].src = anImage.src; // preloaded image