Как сделать поочередную загрузку изображений

#javascript #html

У меня есть сайт, и на нем есть слайдер картинок. При загрузки страницы фотографии
загружаются одновременно(к примеру смотришь первый слайд, а он ещё прогружается и так
все изображения). Как сделать так чтобы они загружались поочередно?
    

Ответы

Ответ 1

Вот примерно так:



load([...document.querySelectorAll('img')]);

function load(imgs) {
  let img = imgs.shift();
  imgs.length && (img.onload = img.onerror = load.bind(0, imgs));
  img.src = img.dataset.src;
}