Как загрузить новые слайды в fancybox 3 через AJAX?

Question

На моем сайте есть галерея с 20 фотографиями для начала.Когда посетитель открывает галерею fancybox во всплывающем режиме и нажимает стрелку «далее», все в порядке, они могут перемещаться по галерее.Но когда посетитель находится рядом с последним слайдом, используя функцию beforeShow, я вызываю функцию AJAX, которая возвращает данные следующей фотографии (полный URL-адрес изображения, URL-адрес эскиза, текст заголовка) с сервера.

Этомоя проблема: я не нашел никакого способа добавить следующий слайд в режиме всплывающих окон.Я могу добавить его в качестве элемента галереи в списке миниатюр, но для всплывающего режима - без изменений.

Как я могу загружать слайды через AJAX, один за другим?

Answer 1

Для этого вы можете использовать addContent метод.Пример:

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