Фоновое изображение динамического затухания JavaScript ⇐ Html

[Anonymous]

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

Вот мой JS-код:

Код: Выделить всё

$(function() {
var body = $('body');
var backgrounds = new Array(
'url(img/bg/bk.jpg)',
'url(img/bg/nb.jpg)',
'url(img/bg/la.jpg)',
'url(img/bg/ts.jpg)',
'url(img/bg/bh.jpg)'
);
var current = 0;
function nextBackground() {
body.css(
'background',
backgrounds[current = ++current % backgrounds.length]
);
setTimeout(nextBackground, 5000);
}
setTimeout(nextBackground, 5000);
body.css('background', backgrounds[0]);
});

Вот мой CSS:

Код: Выделить всё

body {
background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-top: 40px;
padding-bottom: 40px;
}

Но это не работает. Даже фон пусто-белый.
У нет никаких атрибутов.

Подробнее здесь: https://stackoverflow.com/questions/281 ... ound-image