Reposition Fancybox 2 nach dem Laden von Inhalten mit Ajax

Question

Ich lade eine Fancybox mit Ajax und der Großteil des Inhalts ist ein großes Bild. Die Fancybox lädt sich in der Mitte, aber das Bild dauert etwas länger und die Höhe wächst, so dass es nun in der unteren Hälfte des Bildschirms liegt.

Ich kann keine feste Höhe setzen aufgrund unterschiedlicher Bildgrößen. Ich nehme an, dass ich es neu positionieren muss, nachdem das Bild fertig geladen wurde, aber aufgrund der knappen Dokumentation bin ich mir nicht sicher, wie das geht.

Ich verstehe, dass es eine Repositionsfunktion gibt, aber es scheint nicht zu funktionieren, wie ich es anwende. Ich vermute, dass ich irgendwie überprüfen muss, wann das Bild fertig geladen ist, und dann die Repositionsfunktion anwenden muss.

Derzeit rufe ich die Fancybox mit folgendem Code auf:

$(window).load(function() {
    $('.fancybox_gallery_wrapper')
        .fancybox.showLoading()
            .fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        prevEffect  : 'none',
        nextEffect  : 'none',
        maxWidth    : 900,
        maxHeight   : 700,
        fitToView   : false,
        width       : '50%',
        arrows      : true,
        helpers : {
            media : {},
            buttons : {},
            overlay : {
                css : {
                    'background' : 'rgba(0,0,0,0.8)'
                }
            }
        }
    });
});

Was ist der beste Weg, um zu überprüfen, wann das Bild fertig geladen wurde und dann die Fancybox in die Mitte des Bildschirms zu positionieren?

Answer 1

Bezug Beispiel

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding    : 0,
        margin     : 5,
        nextEffect : 'fade',
        prevEffect : 'none',
        afterLoad  : function () {
            $.extend(this, {
                aspectRatio : false,
                type    : 'html',
                width   : '70%',   // Popup-Bildbreite - wie benötigt einstellen 
                height  : '70%',   // Popup-Bildhöhe - wie benötigt einstellen 
                content : ''
            });
        }
    });