Как установить размер 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 
    }); 
});