Как у всех img имеющих data-src заменить src на data-src?

Question

[aqua_pendento]

Делаю прелоадер для картинок. Вот пример:

<img src="/imgs/preloader.svg" data-src="/imgs/image.png">

Как с помощью JS и может быть jquery во время window.onload заменить у всех img на странице, имеющих data-src, data-src на src?

Answer 1

[Сергей delphinpro]

window.addEventListener('DOMContentLoaded', function() {
  [...document.querySelectorAll('img[data-src]')].forEach(img => {
    if (img.dataset.src) {
      img.src = img.dataset.src;
    }
  })
})

Однако сами картинки начнут загружаться, только когда их url будет прописан в src.

Comments

[aqua_pendento]

Спасибо!