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

Question

我有一个关于 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
            },
    );
  });

我正在做一些测试，所以它还不完整或完善。我得到 "The requested content cannot be loaded" 但它似乎得到了正确的元素数量。

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

中，我也会收到此错误

href:

可能是我填错了数组，文档对我来说不是很清楚。你知道我做错了什么吗？

谢谢

Answer 1

检查文档中的示例 - 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

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

Programmatically open fancybox passing an array

javascript

jquery

image

fancybox