title: Links within caption on Fancybox 2
body: <p>I'm using Fancybox 2 to generate a gallery. As well as text, I'd like to have links in the captions of my photos, if necessary.</p>
  
  <p>Here's the page where I'd like to have links within the captions: <a href="http://catjohnson.co.uk/weddings" rel="nofollow noreferrer">http://catjohnson.co.uk/weddings</a></p>
  
  <p>By simply adding an html link in there (following this answer: <a href="https://stackoverflow.com/questions/4876640/in-prettyphoto-js-or-fancybox-how-to-add-a-link-within-the-caption">In Prettyphoto.js or Fancybox... How to add a link within the caption</a>) it breaks the photo within the gallery.</p>
  
  <p>I've tried following this <a href="http://jsfiddle.net/FWTZA/" rel="nofollow noreferrer">http://jsfiddle.net/FWTZA/</a> and although it works, I lose my styling.</p>
  
  <p>I can't seem to get my styling to integrate with the js fiddle code… Here's what I'm doing at the minute, which is working:</p>
  
  <pre><code>$(document).ready(function() {
      $(".fancybox").fancybox({
          openEffect  : 'fade',
          closeEffect : 'fade',
          nextEffect  : 'fade',
          prevEffect  : 'fade',
              helpers : {
                  title : {
                      type : 'inside'
                  },
                  overlay : {
                      css : {
                          'background-color' : '#eee'
                      }
                  }
              }
      });
  });
  </code></pre>
  
  <p>I hope that makes sense!</p>
  
  <p>Thanks for taking a look!</p>
  
  <p>Martin :)</p>