javascript - fancybox 2 - 在运行时提供图像列表

Question

是的，我是 JS 新手……我承认。我有一个页面，其中包含地址列表和旁边的各种图标。一个图标应该会显示该地址的图片库 2。照片本身最初并未显示在页面上，而是按需加载。我正在尝试传递地址 ID 和照片数量以生成列表。但是，当我调用它时，它只是用 PhotoList 的字符串值而不是照片来调出花式框。

function DisplayPhotos(ID, PhotoCount) {
    var PhotoList = '';
    for (k = 1; k <= PhotoCount; k++) {
        PhotoList += "{href: 'http://mydomain.com/images/image-" + MUID + "-" + k + ".jpg'},";
    }

    $.fancybox.open([PhotoList], {
        padding: 0,
        helpers: {
            title: {
                type: 'outside'
            },
            thumbs: {
                width: 68,
                height: 50
            }
        }
    });
    return false;
}

如果我手动将它们输入到函数中，它就可以工作。现在，我被困住了......想法？

Answer 1

原来这是一个类型转换问题。Fancybox 期待一个数组，但接收到一个字符串。查看更新的代码：

function DisplayPhotos(MUID, PhotoCount) {

    var PhotoList = '';

    for(k=1;k <= PhotoCount; k++){

        PhotoList += "http://mydomain.com/images/image-"+MUID+"-"+k+".jpg,";

    }

    PhotoList = PhotoList.substring(0, PhotoList.length - 1);
    var PhotoArray = PhotoList.split(',');


    $.fancybox.open(

        PhotoArray

    , {

        padding:0,
        helpers:{

            title:{
                type:'outside'
            },
            thumbs:{
                width:68,
                height:50
            }
        }

    });

    return false;

}