jquery - ファンシーボックスセットの高さと幅を使用する

Question

私はjクエリを初めて使用しますが、クールですが、このコードを使用して、クリック後に生成されたiframeに幅と高さを追加する方法について天井にくっついています:すべての提案は素晴らしいものであり、事前に感謝します

$(document).ready(function () {
    $(".fancybox").fancybox();
 })
 .height = '600px';

Answer 1

autoSizeを false に設定する必要があります

$(".fancybox").fancybox({'width':400,
                         'height':300,
                         'autoSize' : false});

Answer 2

iframe を使用するために fancybox ポップアップを初期化し、特定の幅と高さに制限するには、少なくとも 3 つのパラメーターが必要です。

jQuery

$(document).ready(function(){ 
  $(".fancybox").fancybox({
    'width'  : 600,           // set the width
    'height' : 600,           // set the height
    'type'   : 'iframe'       // tell the script to create an iframe
  });
}); 

利用可能なオプションについては、FancyBox API ページですべて読むことができます。

Answer 3

試す：

 $(document).ready(function () {
    $(".fancybox").fancybox({"width":400,"height":300});
 })

Answer 4

このコードは、派手な動的 @ ランタイムのサイズを設定するだけで、設定したいページの URL とともに高さと幅を渡す必要があります。

例: demo.aspx //このステートメントは、メイン ページにあるファンシー関数を呼び出します

       window.parent.SetFancySizeDynamic(YourPageUrl,300,200)

  MainPage.aspx

// この関数をメイン ページに追加するだけです

    function SetFancySizeDynamic(fbHref, fbWidth, fbHeight) {

        $.fancybox({
            'padding': 0,
            'overlayColor': '#ccc',
            'type': 'iframe',
            'href': fbHref,
            'width': fbWidth,
            'height': fbHeight

        });
    }

Answer 5

autoSize を false に設定する必要があります。

$(".fancybox").fancybox({'width':400, 'height':300, 'autoSize': false});