如何设置每个链接的Fancybox大小？

Question

我希望有多个链接可以使用Fancybox但我希望能够设置iframe弹出窗口的宽度和高度。

目前我有这样的链接：

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

那么可以为不同的链接分别设置宽度/高度吗？

我试过了：

$(".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
   });
});