Что не правильно я делаю с проверкой на прогрузку img?

Question

[gazes12]

const louder = document.querySelector('.louder');
const mediaContent = document.querySelectorAll('img');
window.onload = () =>{
    mediaContent.forEach((item) =>{
        item.onload = () =>{
            load();
        }
    })
}

function load(){
    setInterval(() =>{
        louder.classList.add('remove');
    }, 3000);
}

Comments

[ForSureN1]

По идеи, конструкция вида "window.onload" уже и так подразумевает загрузку ВСЕГО контента на сайте, включая медиа ресурсов, или вы их грузите динамически? (изображения)

[gazes12]

ForSureN1, У меня такая штука:
Картинки:

const wrapper = document.querySelector('.wrapper');
var images = ['url(../img/intro/1.jpg)', 'url(../img/intro/2.jpg)', 'url(../img/intro/3.jpg)', 'url(../img/intro/4.jpg)', 'url(../img/intro/5.jpg)' ,'url(../img/intro/6.jpg)'];

let lastnum;
function toggles(){
    let num;
    do{
        num = Math.floor(Math.random() * 6);
    } while(num == lastnum);
    lastnum = num;
    wrapper.style.background = images[num];
}

setInterval(toggles, 2000);

Прелоудер:

const louder = document.querySelector('.louder');
const mediaContent = document.querySelectorAll('img');
window.onload = () =>{
    load();
}

function load(){
    setInterval(() =>{
        louder.classList.add('remove');
    }, 3000);
}

У меня просто с window.load ничего не работает

Answer 1

[Владимир]

В тот момент когда выполнится этот скрипт, картинки уже будут загружены, поэтому у вас ничего не происходит.