如何通過 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'
});