Как сделать загрузку картинок?

Question

[artshelom]

У меня на сайте, есть показ картинок, до показа пользователю картинки храняться в url форме, и по кнопке нажатию, я показываю их, во время показа они подгружаются.
Как сделать, чтобы они сразу загрузились, а сайт их показывал без подгрузки?

Comments

[Lander]

Код бы что-ли привели.

[Павел Корнилов]

Шаманы, в бой!

[Дмитрий]

Ну отдайте на бэк ссылку, чтоб её сохранило к вам, через аякс

[artshelom]

Павел Корнилов, Lander, Вот пример https://jsfiddle.net/8npowebr/1/

Answer 1

[Павел Корнилов]

Если я правильно понял, то можно так -https://codepen.io/KorniloFF/pen/BbyNLe?editors=1010

Comments

[artshelom]

Не понял, что вы сделали, чтобы загружалость

[Павел Корнилов]

artshelom, там код-то маленький. Скрываю сначала, а по onload - показываю.

[artshelom]

Павел Корнилов, но разве, будет загружаться не только 1 картинка? А мне нужно все

[Павел Корнилов]

artshelom, да пожалуйста -https://jsfiddle.net/nh5odxs1/1/

[Павел Корнилов]

artshelom, ну, или вообще - можно изображения динамически генерировать в блоке-обёртке, в зависимости от длины массива с адресами.
https://codepen.io/KorniloFF/pen/BbyNLe?editors=1010
Можете поиграться, добавляя в массив новые адреса изображений.

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

[artshelom]

А если у картинок будет атрибут dislpay none, Все это работает. Спасибо

[Павел Корнилов]

artshelom, это работает именно так, как я привёл в коде.
Нет и никогда не было атрибута dislpay none'. Есть атрибут hidden.

Answer 2

[Alex]

Так вставьте ваши URLы в теги IMG, но сами теги не показывайте. Браузер загрузит данные, а когда нужно будет вы просто покажете теги IMG которые уже будут загружены