jquery - jQuery クロス スライド

Question

このスライド ショーでクロス スライド効果を取得しようとしていますが、うまくいきません。問題は、div の背景画像の遷移が必要なことです。誰かが私を助けてくれることを願っています。(HTML と CSS は、アニメーション作業によるフェードイン/フェードアウトとして正常に機能します)

<script language="JavaScript" type="text/javascript">
$(document).ready(function(){

var imgArr = new Array( // relative paths of images
'images/slide3.jpg',
'images/slide4.jpg',
'images/slide3.jpg',
'images/slide4.jpg'
 );

var preloadArr = new Array();
var i;

/* preload images */
for(i=0; i < imgArr.length; i++){
preloadArr[i] = new Image();
preloadArr[i].src = imgArr[i];
}

var currImg = 1;
var intID = setInterval(changeImg, 6000);

/* image rotator */
function changeImg(){
$('#parallax-background').animate({opacity: 0}, 1000, function(){
$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') 50% 0 no-repeat fixed');
}).animate({opacity: 1}, 1000);
}

});
</script>