title: Cannot get fancybox thumbnails to work
body: <p>So I feel like I've tried everything but just been unable to get the fancybox thumbails to work. Here is my code:</p>
  
  <p>JavaScript:</p>
  
  <pre><code>$(document).ready(function() {
      $(".fancybox-thumb").fancybox({
              prevEffect  : 'none',
              nextEffect  : 'none',
              helpers : {
                  title   : {
                      type: 'outside'
                  },
                  thumbs  : {
                      width   : 200,
                      height  : 200,
                      position:'top'
                  }
              }
       });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a class="fancybox-thumb" rel="fancybox-thumb" href="Images/royalty.jpg" title="Simple Cake"&gt;
      &lt;img src="Images/royalty.jpg" alt="" /&gt;
  &lt;/a&gt;
  
  &lt;a class="fancybox-thumb" rel="fancybox-thumb" href="http://lorempixel.com/output/business-q-c-50-50-10.jpg"&gt;
      &lt;img src="Images/royalty.jpg" alt="" /&gt;
  </code></pre>
  
  <p>i know it's something small but I've been through the documentattion but just don't get it... What am I missing here? I'm getting the basic pics to show, but no thumbnails. Any help here would be appreciated.</p>