以编程方式打开传递数组的fancybox

时间:2018-11-19 10:54:27

标签: javascript jquery image fancybox

我对jquery fancybox有疑问。

我在load()中的代码:

$(".fanciogallery").on("click", function(e){
    e.preventDefault();
    var gid = $(this).data("gid");

    var fancyarray = [];
    //already have an array with the infos
    gallery_array[gid].forEach(function(element){
        var impa = uploadfold + gid + '/immages_' +  element.id_img + '.png';
        //fill an array to pass to fancybox
        fancyarray.push(
            {href : impa, title : 'Title'}                                                           
        );
    });

    $.fancybox.open(
            fancyarray,
            {
                //options
                loop : false
            },
    );
  });

我正在做一些测试,所以它不完整或不完善。 我收到“无法加载请求的内容”,但似乎可以正确获取元素数量。

即使我将有效的图像路径硬编码到

,我也会收到此错误
href:

可能我在错误地填写了数组,但文档对我来说并不明确。 你知道我在做什么错吗?

谢谢

1 个答案:

答案 0 :(得分:0)

从文档中检查样本-http://fancyapps.com/fancybox/3/docs/#api-

$.fancybox.open([
    {
        src  : '1_b.jpg',
        opts : {
            caption : 'First caption',
            thumb   : '1_s.jpg'
        }
    },
    {
        src  : '2_b.jpg',
        opts : {
            caption : 'Second caption',
            thumb   : '2_s.jpg'
        }
    }
], {
    loop : false
});

基本上,将href替换为src