How do I make fancybox href dynamic?

Question

I have the following fancybox code:

$(\'.fancybox\').fancybox({
             \'autoScale\' : false,
             \'href\' : $(\'.fancybox\').attr(\'id\'),
           


        

Answer 1

You can iterate over your collection of .fancybox items and grab the id.

$('.fancybox').each(function(){
    $(this).fancybox({
             'autoScale' : false,
             'href' : $(this).attr('id'),
             'type':'iframe',
             'padding' : 0,
             'closeClick'  : false,
             //some other callbacks etc
    });
});