title: How can I close the fancybox by clicking on my page without using overlay:true
body: <p>How can I close the fancybox   <a href="http://fancyapps.com/fancybox/" rel="nofollow">http://fancyapps.com/fancybox/</a>  when I click outside the fancybox content.
  I could use overlay :true,  but I want to still be able to click on another image while fancybox is open.</p>
  
  <p>I tried this code but it cancel fancybox to open at all.</p>
  
  <pre><code>$(document).click(function() {
      $.fancybox.close()
  });
  </code></pre>