9

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

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

4

7 に答える 7

19

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

$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
于 2010-05-23T17:51:21.947 に答える
6

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

まず、ファイルで処理したjavaスクリプトを変更します。jquery.fancybox-1.3.4.js（これは後のバージョンで変更される可能性があります）デフォルトで高さと幅を設定します

幅：600、高さ：410、

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

$（ "＃various3"）。fancybox（{

「幅」：600、

「高さ」：410、

'autoScale'：false、

'タイプ'：'iframe'

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

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

于 2011-08-17T23:16:47.077 に答える
3

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

$(window).height() * 0.75

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

$(window).height() - 80
于 2011-04-21T11:51:16.210 に答える
1

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

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

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

于 2011-03-29T09:59:05.263 に答える
0

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

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

于 2012-01-02T08:08:41.497 に答える
0

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

$(document).ready(function() {
    $(".iframe").fancybox({
    type: 'iframe',
    'padding' : 0,  
    'autoSize': false,      
    'width': 650, 
    'height': 520
    });
});
于 2013-05-16T22:14:44.940 に答える
0

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

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

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

于 2013-09-07T06:56:28.140 に答える