Автоматическая смена фоновых изображений

Question

Автоматическая смена фоновых изображений

1

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

Пока я создал это:

var images["images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg"]; 

function changeImg() {
   // Change background image of #container element from 1.jpg to 2.jpg
}

function calledEveryHour() {
   setInterval(changeImg(), 1000 * 60 *60);
}

Если какая-либо дополнительная информация необходима, дайте мне знать... Я не уверен, как я должен это делать и что нужно сделать. Я в тупике и могу использовать какую-то помощь. Спасибо

Jakob 28 окт. 2017, в 07:26

Источник

0

Ред. Не забудьте принять ;-)
pirs 28 окт. 2017, в 20:59

Теги:

javascript

background-image

automation

function

image

1 ответ

Ещё вопросы

pirs · Accepted Answer · 2017-10-28T03-28-00.000Z

Это должно быть что-то вроде:

var images = ["images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg"]; 
var container = document.getElementById('container');
var i = 0;

function changeImg() { 
   if(i>images.length) i = 0;
   var bgImg = new Image();
   bgImg.onload = function(){
      container.style = "background-image:url("+bgImg.src+");";
   }
   bgImg.src = images[i];
   i++;
}

function calledEveryHour() {
   setInterval(changeImg(), 1000 * 60 *60);
}

Если вы хотите эффект затухания, я мог бы выполнить этот ответ, попросите его.
это говорит об этом в консоли после того, как я вызываю функцию namedEveryHour: Uncaught TypeError Uncaught TypeError: Cannot set property 'style' of null at Image.bgImg.onload
Я понял это, у меня был скрипт в теге head, когда он должен быть внизу тега body. Спасибо за помощь!