Question

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

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;

}

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

1 个答案: