Как сделать заглушку для изображения, пока оно загружается?

Question

[vladislav997]

Подскажите, есть к примеру большая картинка, и при заходе на сайт она прогружается 2-3 секунды, как сделать заглушку (показать какой-нибудь loader.gif), пока большая картинка не прогрузится на 100%?

Answer 1

[Владимир Коротенко]

посмотрите в эту сторону, если не нужна библиотека, просто используйте идею
https://buefy.org/documentation/skeleton

Answer 2

[Арсений Матыцин]

loader.gif в src картинки, а саму пикчу в data-src. И на приемке создавать новую картинку вне области видимости пользователя с src равным data-src нужной картинки и по факту ее onload, подменять src исходной картинки на необходимый.

Просто, дешево, пару строк JS-кода.