jquery - jQuery バックストレッチ用の画像を追加する

Question

データベースから画像を取得し、これを backstrech-Plugin の配列に追加します。

これは私が作成したコードです:

/*
Get topslider
*/
function getHomeSlider()
{
var data = {};

var url = $( "#preloader" ).data( "url-slider" );
var imgArray = new Array();
$.ajax({
    type: "POST",
    url: url,
    data: data,
    dataType: "json"
})
.done(function(resp){
        $.each(resp, function(i, item) {
            imgArray.push( "http://192.168.1.30/attractionimages/" + item.folder + "/" + item.filename );
        });
        console.log(imgArray);
        return imgArray;
    })
.error(function(resp){

    });

}

$(".home-fullscreen-slider").backstretch(getHomeSlider(), {
fade: 750,
duration: 4000
});

imgArray の console.log を作成すると、次の値が得られました。

["http://192.168.1.30/attractionimages/a23bz/DSC_0073.JPG", "http://192.168.1.30/attractionimages/a23bz/DSC_0135.JPG", "http://192.168.1.30/attractionimages/a23bz/DSC_0179.JPG", "http://192.168.1.30/attractionimages/a23bz/DSC_0273.JPG"]

関数呼び出しの代わりにこの文字列を追加すると、画像が表示されるため、すべての画像が利用可能です。したがって、画像は呼び出し可能で利用可能です。