web-dev-qa-db-ja.com

fancyboxiframeの寸法

Fancyboxのホームページ（ http://fancybox.net/home ）には、画面の75％のサイズのiFrameを開く例があります。

サイトで説明されているように、.jsファイルのwidthプロパティとheightプロパティを変更しても取得できません。

jqueryfancyboxdynamic-resizing
9
iperdiscount

これを試してみてください：

$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
19
user348402

こんにちは私はこれらすべてを読んだだけで、それを機能させるために他のみんなが書いたものの断片をとらなければなりませんでした。 600×410の窓が欲しかった

最初にJavaスクリプトファイルを処理しました：jquery .fancybox-1.3.4.js（これは新しいバージョンで変更される可能性があります）デフォルトでは高さと幅を設定します

幅：600、高さ：410、

* 次にWebページのスクリプトを変更します

$（ "＃various3"）。fancybox（{

'幅'：600、

'高さ'：410、

'autoScale'：false、

'タイプ'： 'iframe'

サイズは一重引用符ではないことに注意してください！この間違いを見る前に1時間無駄になりました。

これは役立つはずです。誰かがこのiframeをページの読み込み時にポップアップさせる方法を教えてくれたら。

6
Fred

ファンシーボックスの高さを次のように設定する必要があると思います

$(window).height() * 0.75

でも個人的には次のようなピクセルでやりたいです

$(window).height() - 80
3
snez

私は同じ問題を抱えていて、fancybox jsファイルの下部にあるデフォルトのサイズを調整することになりました-"frameWidth：800、frameHeight：600"

彼らはまたあなたがこれを行うことができると述べています fancyboxサイトで ：

オプションをキー/値オブジェクトとしてfancybox（）関数に渡すか、FancyBoxJSファイルの下部で変更できます。

1
Lewis

しかし、私のファンシーボックスはajaxで動作するため、ファンシーサイズを変更することはできません！

$('iframeLink').fancybox({ 'width':300, 'height':200, 'type':'ajax', 'autoScale':'false' });

0
bizzr3

Typeの値を「iframe」から「ajax」に変更するだけで、問題を解決できます。

$('Selector').fancybox.open({
                href : 'iframe.html',
                type : 'ajax',  //from type : 'iframe',
                padding : 0     
            });

これで、iframe.htmlファイルの本体に記述されているクラスの高さと幅が使用されます。だから自動操作。

0
M M

私はバージョン2.14を持っています、そしてこれは私のために働くものです。

$(document).ready(function() {
    $(".iframe").fancybox({
    type: 'iframe',
    'padding' : 0,  
    'autoSize': false,      
    'width': 650, 
    'height': 520
    });
});
0
Daniel Comp