title: How do I make fancybox href dynamic?
body: <p>I have the following fancybox code:</p>
  
  <pre><code>$('.fancybox').fancybox({
               'autoScale' : false,
               'href' : $('.fancybox').attr('id'),
               'type':'iframe',
               'padding' : 0,
               'closeClick'  : false,
  
  //some other callbacks etc
  </code></pre>
  
  <p>the problem is I have twenty different A tag id's on the page and I want the fancybox href attribute to take the id of the clicked element, ie the one that triggered the event.</p>
  
  <p>I have tried several things, none of them have worked!</p>
  
  <pre><code>'href' : $(this).attr('id'),
  'href' : $(this.element).attr('id'),
  </code></pre>
  
  <p>This seems so simple but anytime I plug in 'this' or similar nothing works.</p>