使用fancybox设置高度和宽度

我是j查询的新手，很酷，但是如果使用此代码生成的iframe生成的iframe中添加宽度和高度，我会紧紧抓住天花板：所有建议都很棒并且事先感谢Khadija

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

Answer 1

您必须将autoSize设置为false

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

Answer 2

要初始化fancybox弹出窗口以使用iframe，限制为某个宽度和高度，您至少需要三个参数：

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

嘿使用下面给出的代码：

 fancybox({ afterLoad : function () { $.extend(this, { aspectRatio : false, type : 'html', width : '90%', height : '90%', content : '
' }); } }); 

Answer 5

此代码设置花式动态@运行时的大小只需要传递高度和宽度以及页面URL，您要设置它们

例如：demo.aspx //此语句调用主页中存在的奇特函数

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

//只需在主页面中添加此function

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

Answer 6

你需要将autoSize设置为false，为我工作

$（“。fancybox”）。fancybox（{‘width’：400，’height’：300，’autoSize’：false}）;

Answer 7

 jQuery(function($){ $(document).ready(function() { $("#lightwindow").fancybox({ minWidth: 250, width: 250, minHeight: 500, height: 500, 'autoScale': false, 'autoDimensions': false, 'scrolling' : 'no', 'transitionIn' : 'none', 'transitionOut' : 'none', 'type': 'iframe' }); }); }); 

Answer 8

有了iframe

  $(document).ready(function () { $(".fancybox").fancybox({ width:600, height:400, type: 'iframe', href : 'url_here' }); }) 

没有iframe

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

Answer 9

对我有用的唯一方法是在iframe上使用preload = false ：

 $("[data-fancybox]").fancybox({ iframe : { css : { height : '1000px', }, preload : false }, }); 

Answer 10

如果你还有问题

  width = current.width, height = current.height, 

在jquery.fancybox.js中修改它