リンクごとにファンシーボックスのサイズを設定する方法は？

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 
    }); 
});