您如何在 fancybox V2 中为 iframe 设置不同的高度/宽度？答案

【问题标题】：How do you set different height/width for iframe in fancybox V2?您如何在 fancybox V2 中为 iframe 设置不同的高度/宽度？
【发布时间】：2023-04-02 05:13:01
【问题描述】：

我一直在使用 Fancybox 1.3.4，我在链接本身中有 iframe 的尺寸。

这是我如何拥有它的示例

test.html?width=675&height=470

当我单击链接时，fancybox 将打开具有这些尺寸的 iframe。我正在尝试 Fancybox V2，但我对如何设置 iframe 的尺寸感到困惑。我希望每个 iframe 都有不同的尺寸。我该怎么做？

【问题讨论】：

标签： jquery fancybox fancybox-2

【解决方案1】：

像这样设置你的 html（使用 HTML5 DOCTYPE）：

<a class="fancybox fancybox.iframe" data-width="675" data-height="470" href="test.html" >test</a>
<a class="fancybox fancybox.iframe" data-width="400" data-height="200" href="test2.html" >test 2</a>

（在每个元素的data- 属性上设置width 和height）

然后这个脚本：

$("a.fancybox").fancybox({
  fitToView: false,
  afterLoad: function(){
   this.width = $(this.element).data("width");
   this.height = $(this.element).data("height");
  }
 }); // fancybox

应该在fancybox v2.x 中做到这一点

【讨论】：

-@JFK 很有趣。这适用于 Chrome、FF、Opera、Safari 和 IE7。但是，我遇到了一个问题，IE 8 和 9 将高度（底部约 10-20 像素）添加到包含链接的 div。
@Chris22 有链接吗？在这个演示中是否发生同样的情况picssel.com/playground/jquery/…？