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

时间:2012-04-12 21:56:34

标签: jquery fancybox fancybox-2

我一直在使用Fancybox 1.3.4,就在那里,我在链接中拥有iframe的尺寸。

这是我如何拥有它的一个例子

test.html?width=675&height=470

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

1 个答案:

答案 0 :(得分: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中做到这一点