Смена background-image по времени, (как сделать) Спасибо Вам!

Вопрос-ответ JavaScript
1

В google ничего не удалось найти

2 
var backgrounds = [
'https://scontent-frt3-1.cdninstagram.com/t51.2885-15/e35/11116872_639136646225112_2018703173_n.jpg',
'https://scontent-frt3-1.cdninstagram.com/t51.2885-15/e35/915511_1127275363957446_1075665606_n.jpg',
'https://scontent-frt3-1.cdninstagram.com/t51.2885-15/e35/12568204_1504090103231931_1295281495_n.jpg'
]
var BACKGROUND_IMAGE_CHANGE_INTERVAL = 5 * 1000
var currentImage = 0
;(function showNextImage() {
	document.body.style.backgroundImage = 'url(' + backgrounds[currentImage] + ')'
	currentImage += 1
	if (currentImage > backgrounds.length) {
		currentImage = 0
	}
	setTimeout(showNextImage, BACKGROUND_IMAGE_CHANGE_INTERVAL)
}())
1 лайк
3

Еще можно сделать с помощью css анимации:
Пример: http://katedreamer.github.io/works/cabanawp/index.html(слайды не работают в firefox, нужно дописать префикс)

Код: https://github.com/Katedreamer/katedreamer.github.com/blob/master/works/cabanawp/index.css

4

Спасибо Вам!