title: How to position Fancybox based on element it was called From
body: <p>I'm am trying to figure out how to call Fancybox so that it appears next to the element (anchor tag) it was called from.</p>
  
  <pre><code>$("a.fancylink").fancybox({
      'width' : 560,
      'height' : 340,
      'transitionIn' : 'fade',
      'transitionOut' : 'fade',
      'speedIn' : 600, 
      'speedOut' : 200, 
      'overlayShow' : false,
      'centerOnScroll' : false
  });
  </code></pre>
  
  <p>I know I can position the Fancybox with an OnComplete call, but then it jerks from the center to the destination.</p>
  
  <p>Anyone know how to code the Fancybox call to make it open say left or right of the element it fired from?</p>
  
  <p>Any help is greatly appreciated.  Thanks!</p>