Animowana zmiana tła na stronie Opcje

[trifek]

Witam serdecznie,
Mam taki kod:

[HTML] pobierz, plaintext 
body {
    background: url(../img/gl/tlo.jpg) 50% 15% no-repeat; 
    background-color: rgb(89, 89, 89);
}
 
jQuery(document).ready(function() {
var cnt=0, bg;
var $body = jQuery('body');
var arr = ['1.jpg','2.jpg'];
 
animate = function(){
 
}
var bgrotater = setInterval(function() {
    if (cnt==2) cnt=0;
    bg = 'url("slajdy/' + arr[cnt] + '")';
    cnt++;
    jQuery('#nihaiugsds').animate({opacity:1}, 2000, function(){
        $body.css('background-image', bg);
    });
 
 
    jQuery('#nihaiugsds').animate({opacity:0}, 2000);
},2000);
  }); 
[HTML] pobierz, plaintext 

Chcę zrobić animację podmieniającą tła na stronie. Powyższy kod działa prawie dobrze - animuje wraz z tłem całą stronę (menu, obrazki itp) - a chciałbym same tło...

Wie ktoś może jak poprawić powyższy skrypt żeby to działało?

Tak to aktualnie wygląda na stronie: http://goo.gl/fV4ItI

Ten post edytował trifek 16.08.2016, 22:57:18

[trueblue]

Bo animujesz opacity na body.
Wstaw w body div o rozmiarach 100%x100% i jego animuj, również w nim podmieniaj background.