如何通过 AJAX 将新幻灯片加载到 fancybox 3？

Question

在我的网站上有一个包含 20 张照片的画廊。当访问者以弹出模式打开fancybox画廊并单击“下一步”箭头时，一切正常，他们可以浏览画廊。但是当访问者在最后一张幻灯片旁边时，我使用函数beforeShow 调用了一个 AJAX 函数，该函数从服务器返回下一张照片数据（完整图像 URL、缩略图 URL、标题文本）。

这是我的问题：我还没有找到以弹出模式添加下一张幻灯片的任何方法。我可以将它添加为缩略图列表中的画廊项目，但对于弹出模式 - 没有变化。

如何通过 AJAX 一张一张地加载幻灯片？

Answer 1

您可以为此使用addContent 方法。示例：

$.fancybox.getInstance().addContent({
  src : 'https://source.unsplash.com/i-FqQIkJMqg/1536x2304', 
  type : 'image'
});