Как сразу сменить картинку, а не ждать ее загрузки?

Question

[vladymyr_olegovich]

Вот в чем идея. Есть галлерея и элемент src. При нажатии "далее/назад" нужно сменить src.
Но проблема в том, что в хроме, при смене src - старое изображение остается до тех пор, пока не получу новое, тоесть происходит задержка.
Можно ли как-то мгновенно изменить изображение?

Вариант ниже мне напоминает какой-то костиль. Может это можно сделать как-то по умному?

img.src = "";
img.src = new_url;

Answer 1

[Дмитрий Беляев]

Есть два относительно простых варианта
1. Грузить картинки в разные элементы img и показывать/скрывать их
2. Предзагрузка картинок через ajax и в src уже писать data-url-base64
Любой из этих вариантов создаст лишний трафик
Есть еще один вариант, динамически создавать элемент img и слушать его событие load после добавлять на страницу, а на странице в это время показывать лоадер

Answer 2

[Pshkll]

Вот решение