Предварительная загрузка изображения JavaScript

Question

У меня так много изображений в слайд-шоу, и мне нужно показывать это слайд-шоу на мобильном сафари. Я заметил, что всякий раз, когда загружается страница, она застряла некоторое время, пока все изображения не загрузятся.

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

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

Будет ли предварительная загрузка изображений влиять на время загрузки страницы, или это поможет мне улучшить время загрузки страницы и добавить изображения по мере необходимости?

Также дайте мне знать, если есть какой-либо другой способ его достижения. Моя цель - быстрее загрузить страницу, а также добавить нужные изображения, что не повлияет на качество анимации и рендеринг изображений.

загрузки изображений скрипт

https://web.archive.org/web/1/http://articles.techrepublic%2ecom%2ecom/5100-10878_11-5214317.html

Answer 1

Использование CSS:

a:hover { 
    background:url("menu2.gif") left top no-repeat; 
}