FancyBox3 从数组加载图像并显示缩略图

Question

我目前有一个 JSON 请求，它返回我分配给名为“photosArray”的数组的图像列表

首先我收到这个请求并将每个项目添加到数组项目中，格式为：

{src: 'www.mysite.com/image1.jpg};'

然后我调用fancybox.open

 $.fancybox.open(photosArray,
            {
            buttons: ["thumbs", "close"],
            protect: true,
            transitionDuration: 1000,

            thumbs: {
                autoStart: true
            }
        },

        );

可以，显示图像，但是我无法显示图像的缩略图，即使添加选项thumbs: {autoStart: true}

在我看到的示例中，为了显示缩略图，需要在标签中使用数据属性，例如data-fancybox="images" data-thumb=" small-image.jpg"，但这不是一个选项，因为我不会在页面上显示链接或图像，只是“查看所有图片”链接

我想为缩略图使用相同的全尺寸图像。

所以请问：我如何在fancybox3 中显示从数组中加载图像的缩略图。

Answer 1

我注意到向数组项添加“thumb”会导致显示缩略图。

{src: 'www.mysite.com/image1.jpg', thumb: 'www.mysite.com/image1_small.jpg'};