title: How do I put additional content into fancybox iframe
body: <p>I am having trouble figuring out how to put some additional content into an iframe I am displaying with fancybox. </p>
  
  <p>My basic setup:</p>
  
  <pre><code>$('.fancybox').fancybox({
      'autoScale': false,
      'transitionIn': 'none',
      'transitionOut': 'none',
      'type': 'iframe',
      'padding': 0,
      'closeClick': false,
      helpers: {
          overlay: {
              closeClick: false
          }
      }
  
  &lt;a class="fancybox" href ="http://my-iframe.example"/&gt;&lt;img src="myimage.jpg" width="x" height="y" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>So I need to put a couple of custom buttons and another javascript widget in under the iframe but on top of the background overlay.</p>
  
  <p>I am just having trouble grasping what might be the best way to do this. I suppose I could put this content in a div and then display that div once the fancybox has completed loading? I am having trouble with the callback function though, so I just need some general direction on the best way to do this.</p>