Как динамически изменить размер фрейма в Fancybox 2?

Question

Я использую Fancybox 2.0.Я открываю контент в iframe.Как я могу динамически изменить размер всплывающего окна при изменении содержимого в iframe?

Я гуглю часами, но все ссылки либо для более старой версии (1.3), либо для тупиков.

Благодарен за всеввод!

Answer 1

Я использовал параметр before show, чтобы изменить его размер:

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

Чтобы запустить его изнутри фрейма, вам нужно запустить родительский объект. $. Fancybox.update () с дочерней страницы,который должен изменить его размер.

Answer 2

Вы можете изменить ширину и высоту iframe в соответствии с шириной и высотой содержимого, используя эту опцию. AutoSize имеет значение true. Если autoSize имеет значение true, тогда для autoHeight и autoWidth устанавливается значение true. Это означает, что для типов «inline», «ajax» и «html» ширина и высота содержимого определяются автоматически.

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

Answer 3

Это должно сделать это.

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