Fancybox 2 -运行时提供映像列表

fancybox 2 - supply image list at runtime

本文关键字：映像 列表 运行时 Fancybox      更新时间：2023-09-26

是的，我是一个JS新手…我承认。我有一个页面的地址和各种图标旁边的列表。一个图标应该会显示出该地址的一个花式图片库。照片本身最初不会显示在页面上，而是根据需要加载。我试图传递地址ID和照片数量来生成一个列表。然而，当我调用它时，它只会调出带有PhotoList字符串值的fanybox，而不是照片。

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;
}

如果我手动将它们输入到函数中，它就会工作。现在，我被困住了……想法吗?

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

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;
}
相关文章：