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

Question

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

这是我如何拥有它的示例

test.html?width=675&height=470

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

Answer 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>

（设置每个元素的属性width）heightdata-

然后这个脚本：

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

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