Почему и за события window.onload на сайте пропадают картинки?

Question

[gazes12]

Картинки:

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');
window.onload = () =>{
    load();
}

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

Без прелоадера картинки прогружатся, ну если добавить прелоадер, то картинки прогружаются только у меня локально, когда заливаю на хостинг, их не видно. Без прелоадера, картинки прогружаются, ну с ним нет! Почему? Заранее спасибо!

Answer 1

[Алексей Уколов]

Очевидно, в функции load у вас возникает ошибка и из-за неё не срабатывает весь последующий код.
Скорее всего, дело в том, что document.querySelector('.louder') ничего не находит, нужно поиск элемента тоже делать внутри load.

window.onload = () => {
    setInterval(() => {
        document.querySelector('.louder').classList.add('remove');
    }, 3000);
}

Comments

[gazes12]

Все равно не работает (

[Алексей Уколов]

Откройте консоль браузера и посмотрите, есть ли там ошибки. Если нет, то сделайте интерактивный пример проблемы на codepen.io

[gazes12]

Алексей Уколов, У картинок ошибка: Failed to load resource: the server responded with a status of 404 ()

[Алексей Уколов]

Значит, проблема в относительных путях к картинкам.

[gazes12]

Алексей Уколов, C путями все отлично. Может и за медленного интернета не грузят? Просто локально все работает, а на хостинге нет(

[Алексей Уколов]

Нет, не из-за медленного интернета. Ошибка 404 означает, что файла по указанному пути нет. Либо его действительно нет, либо указан неправильный путь, либо веб-сервер неправильно настроен.

[gazes12]

Алексей Уколов, Проблема решилась! Я написал вместо '../img' просто 'img'

[Алексей Уколов]

Значит, проблема в относительных путях к картинкам.