为jQuery backstretch添加图像

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"]

每个图像都可用，因为当我添加此字符串而不是函数调用时，将会查看图像。因此图像可以调用并可用。