Wie skaliere ich einen Iframe in Fancybox 2 dynamisch?

Question

Ich benutze Fancybox 2.0. Ich öffne Inhalt in einem iframe. Wie kann ich das Popup-Fenster dynamisch ändern, wenn sich der Inhalt im Iframe ändert?

Ich google für Stunden, aber alle Links sind entweder für ältere Version (1.3) oder Sackgassen.

Dankbar für alle Eingaben!

Answer 1

Dies sollte es tun.

$.fancybox({ 
    width:600, 
    height:300, 
    autoResize:false 
}); 

Answer 2

ich verwendet, um die vor Show Option zum Ändern der Größe:

beforeShow: function(){ 
    this.width = $('.fancybox-iframe').contents().find('html').width(); 
    this.height = $('.fancybox-iframe').contents().find('html').height(); 
} 

diese von innerhalb des Rahmens laufen zu erhalten, müssen Sie die Eltern feuern $ fancybox.update() von dem Kind.. Seite, die die Größe ändern sollte.

Answer 3

Sie können die Breite und Höhe des Iframes gemäß der Breite und Höhe des Inhalts ändern, indem Sie diese Option verwenden. AutoSize ist true. Wenn autoSize true ist, werden autoHeight und autoWidth auf true gesetzt. Dies bedeutet, dass für 'inline', 'ajax' und 'html' die Inhaltsbreite und -höhe automatisch bestimmt wird.

$.fancybox.open({ 
padding : 0, 
href:'http://www.gamespot.com', 
type: 'iframe', 
autoSize: true 
});