анимация background-image

[npofopr]

Добрый день.

Как добавить плавности к смене фона?

Фон меняю так:

<script>
var n=1;
var namee  = new Array('bg_001.jpg', 'bg_002.jpg', 'bg_003.jpg');
function changeImages() {
/*namee= {};*/
var count = (namee.length) - 1;
if(n> count) n=0;

$('body').css('background-image','url(/img/bg/'+namee[n]+')');
n++;
}
window.onload = function()  {
return interval = setInterval("changeImages()", 15000);
}
</script>

Пробовал добавлять .animate

но безрезультатно.

[Zippovich]

просто так у Вас не получиться плавно менять бекграунд-картинку

даже css3 transitional этого не позволяет

можете написать js который бы подгружал картинку, создавал слой над body и под всем остальным, плавно менял opacity, после конца анимации делаем картинку бекграундом к body и удаляем слой из dom

[Mayhem]

http://vegas.jaysalvat.com/

[npofopr]

http://vegas.jaysalvat.com/

Как же оно ужасно тормозит. Есть более лучшие варианты. И это не то, что нужно. Здесь картинки лежат внутри body.

В общем реализаций данного примера много и этот не самый лучший :-)

[Zippovich]

а внутри чего Вы собираетесь засунуть картинки? background-ы менять плавно у Вас не получится, ну можно на канвасе - но это изврат

[npofopr]

Да я уже все понял. Тема закрыта :-)