Jak dynamicznie zmienić rozmiar elementu iframe w Fancybox 2?

Question

Używam Fancybox 2.0. Otwieram zawartość w elemencie iframe. Jak mogę dynamicznie zmieniać rozmiar okna wyskakującego, gdy zmienia się zawartość w elemencie iframe?

I google godzinami, ale wszystkie linki są dla starszej wersji (1.3) lub ślepych zaułków.

Dziękuję za wszystkie dane wejściowe!

Answer 1

To powinno wystarczyć.

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

Answer 2

użyłem przed koncert opcję aby zmienić jego rozmiar:

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

Aby uzyskać to prowadzony od wewnątrz ramy, trzeba zwolnić rodzica $ fancybox.update() od dziecka.. stronę, która powinna zmienić rozmiar.

Answer 3

Możesz zmienić szerokość i wysokość ramek iframe w zależności od szerokości i wysokości treści, używając tej opcji autoSize ma wartość true. Jeśli autoSize ma wartość true, ustawia true dla wartości autoHeight i autoWidth. Oznacza to, że szerokość i wysokość treści typu "inline", "ajax" i "html" są określane automatycznie.

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