Как загрузить новый контент в Fancybox3 после уже открытого?

Question

Как загрузить новый контент после того, как Fancybox3 уже открыт без закрытия текущего Fancybox.

Я пытаюсь создать страницу галереи, используя fancybox3 + masonry + бесконечный свиток

проблема в том, что мой открытый Fancybox не делаетне загружать новое изображение, это новое содержимое, которое загружается с помощью ajax.

новое содержимое будет загружено, когда Fancybox достигнет последнего элемента в текущей галерее.

function loadFancy(){
    $('.fancybox').fancybox({
        selector : '[data-fancybox="gallery"]',
        afterShow: function(instance, current) {
            if (current.index  ===  instance.group.length - 1) {
                $("html, body").animate({ scrollTop: $(document).height() }, "slow");
            }
        }
    });
}

Answer 1

Вот как вы можете получить ссылку на текущий экземпляр и использовать метод addContent для добавления нового элемента галереи:

$.fancybox.getInstance().addContent({
  'type' : 'image', 
  'src'  : '/path/to/your/image.jpg'
});

Кстати, если вам интересно, почему этот метод не задокументирован, то этот методПервоначально планировалось, что это будет закрытым методом для внутреннего использования, но вы можете использовать его в любом случае.