Javascript 调整Fancybox iframe覆盖宽度和高度时出现问题

我正在使用Fancybox创建一个带有iframe的覆盖，一切正常，但我似乎无法更改宽度/高度的值。我正在使用fancybox-1.2.6和jquery1.2.6

$(document).ready(function() {

        $("a.iframe").fancybox({
     'width' : '75%',
     'height' : '75%',
     'autoScale' : false,
     'transitionIn' : 'none',
     'transitionOut' : 'none',
     'type' : 'iframe'
});
    });

及

---

您必须直接更改它的css，因为fancybox实际上不是jquery的一部分

$("#fancybox").css({'width': '500px', 'height': '500px'}); 

有这样或类似的方式

jQuery(document).ready(function() {
$.fancybox(
    {
        'autoDimensions'    : false,
        'width'             : 350,
        'height'            : 'auto',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none'
    }
);
});

---

您必须直接更改它的css，因为fancybox实际上不是jquery的一部分

$("#fancybox").css({'width': '500px', 'height': '500px'}); 

有这样或类似的方式

jQuery(document).ready(function() {
$.fancybox(
    {
        'autoDimensions'    : false,
        'width'             : 350,
        'height'            : 'auto',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none'
    }
);
});

---

这在过去对我很有效。我必须设置高度和宽度

 $(document).ready(function() {         
    $("a.iframe").fancybox({
                    'autoDimensions'    : false,
                    'width'             : 600,
                    'height'            : 150,
                    'transitionIn'      : 'elastic',
                    'transitionOut'     : 'elastic',
                    'type'              : 'iframe'

                });
    });

---

这在过去对我很有效。我必须设置高度和宽度

 $(document).ready(function() {         
    $("a.iframe").fancybox({
                    'autoDimensions'    : false,
                    'width'             : 600,
                    'height'            : 150,
                    'transitionIn'      : 'elastic',
                    'transitionOut'     : 'elastic',
                    'type'              : 'iframe'

                });
    });

---

我通过向链接标记添加宽度和高度属性解决了此问题，如下所示：

<a id="various3" href="action.html" width="60%" height="60%">Iframe</a>

---

我通过向链接标记添加宽度和高度属性解决了此问题，如下所示：

<a id="various3" href="action.html" width="60%" height="60%">Iframe</a>

---

请不要使用Firefox。这不起作用，他们没有使高度兼容，试试chrome吧！今天最新的Firefox！ 如果它是一个可支持的浏览器，请删除px的引号，为%加引号，如：

'width': 400; //400 pixels;
'width': '75%'; //75% of the screen
//height do not work on Mozilla Firefox (today!)

---

请不要使用Firefox。这不起作用，他们没有使高度兼容，试试chrome吧！今天最新的Firefox！ 如果它是一个可支持的浏览器，请删除px的引号，为%加引号，如：

'width': 400; //400 pixels;
'width': '75%'; //75% of the screen
//height do not work on Mozilla Firefox (today!)

试试这个

    $(".fancyboxiframe").fancybox({
        fitToView:false,
        autoSize:false,
        'width':parseInt($(window).width() * 0.7),
        'height':parseInt($(window).height() * 0.55),
        'autoScale':true,
        'type': 'iframe'
    });

试试这个

    $(".fancyboxiframe").fancybox({
        fitToView:false,
        autoSize:false,
        'width':parseInt($(window).width() * 0.7),
        'height':parseInt($(window).height() * 0.55),
        'autoScale':true,
        'type': 'iframe'
    });

尝试使用：

'maxHeight' : 380,

尝试使用：

'maxHeight' : 380,

---

下面介绍如何在固定大小的fancybox中手动打开iframe

$.fancybox.open({
  'href': 'mypage.html',
  'type': 'iframe',
  'autoSize': false,
  'width': 800,
  'height': 800
}); 

---

下面介绍如何在固定大小的fancybox中手动打开iframe

$.fancybox.open({
  'href': 'mypage.html',
  'type': 'iframe',
  'autoSize': false,
  'width': 800,
  'height': 800
}); 

---

还有，我看到你有$a.iframe.fancybox{为什么a在那里。你不需要它，只要去$。iframe这个更改仍然不允许我控制iframe的宽度：我还看到你有$a.iframe.fancybox{为什么a在那里。你不需要它，只要去$。iframeThat更改仍然不允许我控制iframe的宽度：是的。更新到Fancybox 1.3.4的最新版本。我刚刚用jquery-1.5.2.min.js检查了这段代码，它可以工作。确保你正在运行最新的jquery和Fancybox。是的。更新到Fancy的最新版本ybox 1.3.4。我刚刚用jquery-1.5.2.min.js检查了这段代码，它可以正常工作。确保您运行的是最新的jquery和fancybox。自动大小：false是关键点，自动大小：false是关键点