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

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

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