Как лучше сделать смену фоток?

Question

[webe]

Есть товар на витрине.

<div class="item">
  <img src="1.jpg" data-images="2.jpg">
</div>

При навдени мыши на картинку я подменяю SRC у оригинала, на тот что лежит в data-images
Проблема в том, что когда пользователь наводит на картинку, она меняется не сразу, а может пройти 1.5s , ибо происходит фоновый pending

Как сделать так, что бы картинки уже были загружены?
Все картинки у меня кешируются в браузере/

как бы пробежаться по всем data-images что бы они попали в кэш браузера?
Спасибо.

Comments

[Ivan Bogachev]

При навдени мыши на картинку я подменяю SRC у оригинала, на тот что лежит в data-images... пробежаться по всем data-images что бы они попали в кэш браузера...

А не проще будет абсолютным позиционированием положить одну картинку поверх другой и при наведении делать верхнюю прозрачной?

[webe]

Ivan Bogachev, Хм, спасибо попробую.

Answer 1

[xmoonlight]

Загрузите все картинки в разные слои и меняйте z-index активной.
Или подгружайте только 2-3 последующих или предыдущих (идущих по-карусели влево или вправо).
Upgrade complete.