如何通过 AJAX 将新幻灯片加载到花式盒子 3?

Question

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

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

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

Answer 1

您可以使用addContent方法。例：

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