2012-03-23 16 views
5

私はFancybox 2.0を使用しています。私はiframeでコンテンツを開きます。 iframe内のコンテンツが変更されたときに、ポップアップウィンドウ を動的にサイズ変更するにはどうすればよいですか?Fancybox 2のiframeを動的にサイズ変更する方法は?

私は数時間Googleを使用していますが、すべてのリンクは古いバージョン(1.3)またはデッドエンド用です。

すべての入力をいただきありがとうございます!

答えて

-1

これはそれを行う必要があります。

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

あなたのソリューションは私にとっては機能しませんでした –

0

私はそれをリサイズする前に、ショーのオプションを使用:

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

これはフレーム内から実行するために取得するには、親を発射する必要があります$ fancybox.update()子から。ページのサイズを変更する必要があります。

0

このオプションautoSizeがtrueの場合は、コンテンツの幅と高さに応じてiframeの幅と高さのサイズを変更できます。 autoSizeがtrueの場合、autoHeightとautoWidthの両方をtrueに設定します。これは、 'inline'、 'ajax'、 'html'のコンテンツ幅と高さが自動的に決定されることを意味します。

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