Mój problem polega na tym, że mam dużą galerię, która nie powinna być ładowana całkowicie po załadowaniu pierwszej strony. Dlatego ładuję 10 z 50 zdjęć i dodaję do nich fancybox. Gdy użytkownik kliknie następny przycisk, jedenasty obraz powinien zostać załadowany przez Ajax i dołączony do kontenera galerii.

Problem polega na tym, że fancybox zatrzymuje się na 10. obrazie, ponieważ nie zna dynamicznych obciążeń.

Jak mogę dodać dynamicznie załadowane obrazy do fancybox2?

obecnie mam to:

function loadFancybox() {
    $('a.lightbox').fancybox({
        helpers: {
            overlay: {
                css: {
                    'background': 'rgba(0,0,0,0.8)'
                }
            }
        },

        beforeLoad: function() {
            this.title = $(this.element).data('title');
            ajaxGetNextImages();
            loadFancybox();
        },
        loop: false
    });
}
loadFancybox();

ajaxGetNextImages() pobiera następne zdjęcia :)

po tym wywołam loadFancybox (), aby wszystkie nowe obrazy należały do ​​galerii. Ale nie są uwzględniane, dopóki nie otworzę ponownie fancybox ...