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

Posted 2023-05-09

【中文标题】您如何在 fancybox V2 中为 iframe 设置不同的高度/宽度？

【英文标题】：How do you set different height/width for iframe in fancybox V2?

【发布时间】：2014-06-27 17:07:04

【问题描述】：

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

这是我如何拥有它的示例

test.html?width=675&height=470

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

【参考方案1】：

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

<a class="fancybox fancybox.iframe" data- data- href="test.html" >test</a>
<a class="fancybox fancybox.iframe" data- data- 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/…？