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

Question

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

这是我的问题：我还没有找到任何方法在弹出模式下添加下一张幻灯片。我可以在缩略图列表中将其添加为图库项目，但对于弹出模式 - 无需更改。

如何通过AJAX逐个加载幻灯片？

Answer 1

您可以使用addContent方法。例如：

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