Какой метод предварительной загрузки изображений <img>является предпочтительным и почему?

Question

Каков наилучший способ предварительной загрузки изображений <img> и почему? Я хочу показывать изображения при наведении ссылки. Я не могу использовать изображения на фоне CSS, поэтому я не могу использовать спрайт CSS но я хочу предварительно загрузить все изображения при загрузке страницы. которые добавляются как <img>.

Answer 1

Вы можете использовать объект Image () в JavaScript для предварительной загрузки изображения, а затем заменить его, когда будете готовы. Вот HTML-код:

<img name="img01" src="regular_image.jpg">

Тогда в JavaScript:

my_img = new Image(); 
my_img.src = "swap_image.jpg";

Который поместит изображение в ваш кеш. Когда вы меняете его, вы можете позвонить:

document.img01.src='swap_image.jpg'