如何设置每个 link 的 Fancybox 大小？

Question

我想要多个 link 将使用 Fancybox，但我希望能够设置 iframe 弹出窗口的宽度和高度。

目前我有一个 link 这样的：

 <a class="fancybox fancybox.iframe" href="http://example.com" rel="example">

那么是否可以为不同的 link 设置单独的 width/height？

我试过：

$(".fancybox").fancybox({
autoSize: false,
width: 200,
height: 200 });

但这不起作用。有什么想法吗？

Answer 1

有帮助。

<a href="http://example.com" class="fancybox" data-width="200" data-height="200" rel="example">Click here"</a>

$(".fancybox").each(function(){
   var $a = $(this);
   var h = $a.data("height")
   var w = $a.data("width");
   $a.fancybox({
       'width' : w, 
       'height': h
   });
});

如何设置每个 link 的 Fancybox 大小？

How to set Fancybox size per link?

jquery

fancybox