jquery - JqueryはfadeOut / InをfadeToに変更します

Question

私はスムーズな背景画像の移行を取得しようとしていますが、今はこれを持っています:

$(window).load(function(){

var initialBg =  $('#apDiv1').css("background-image");

var firstTime = true;
var arr = ["url(bg-0.jpg)", "url(bg-1.jpg)"];
    (function recurse(counter) {
        var bgImage = arr[counter];
        if (firstTime == false) {
            $("#apDiv1").fadeOut(700, function(){
                $('#apDiv1').css('background-image', bgImage);
            });
            $("#apDiv1").fadeIn(700);
        } else {
            firstTime = false;
        }               
        delete arr[counter];
        arr.push(bgImage);
        setTimeout(function() {
            recurse(counter + 1);
        }, 6600);
    })(0);      
});

しかし、これにより、背景画像のない 0.5 秒のデッド スポットが作成されます。

に変更しようとしましfadeToたが、変更方法がわかりませんでした。どんな助けでも大歓迎です。