404 Проблема с JavaScript

Question

У меня странная проблема. Иногда появляется ошибка 404. Но не всегда и вот что странно ..

Я сделал страницу с JavaScript и в конце страницы IAM изменяющегося изображения с помощью этой функции Java Script

var backGround = ['img/wall1.jpg', 'img/wall2.jpg', 'img/wall3.jpg']; 
 

 
     var header = document.getElementById('headerBlanco');  
 

 
     var i = 0; 
 

 
    setInterval(function(){ 
 

 
     if(i !== backGround.length - 1){ 
 
      i++; 
 
     }else{ 
 
      i = 0; 
 
     } 
 

 
     header.style.backgroundImage = 'url(' + backGround[i] + ')'; 
 

 
    }, 6000);

Он работает как я хотел, но иногда браузер не может найти изображение и появляется ошибка 404.

Не удалось загрузить ресурс: сервер ответил статусом 404 (не найдено)

Может кто-нибудь объяснить мне, почему это может случиться?

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

http://www.leerappel.nl

Answer 1

Ошибка Вы упомянули в ваш комментарий вызвано header быть null. Это означает, что document.getElementById('headerBlanco') дает null. Это означает, что headerBlanco не обязательно существует. Убедитесь, что элемент существует, и ваш url верен. Кроме того, вместо

if(i !== backGround.length - 1){ 
    i++; 
}else{ 
    i = 0; 
} 

вы можете сделать это:

i = (i + 1) % backGround.length; 

EDIT:

Оказывается, я неправильно понял ситуацию. Я ошибочно полагал, что первый комментарий к вопросу был сделан автором. Поскольку элемент имеет значение, 404, скорее всего, можно отнести к проблемам интернет-соединения.