title: Fancybox opens the gallery box but the first image doesn't work
body: <p>I am a bit confused with the use of fancybox and the website is not really helping me with the confusion.</p>
  
  <p>Quote from the website:</p>
  
  <blockquote>
    <p>Note - Galleries are created from elements who have the same "rel"
    tag, example:</p>
  </blockquote>
  
  <p>So I have this hidden div, where all images have the 'gallery' rel attribute:</p>
  
  <pre><code>&lt;div id="gallery" class="none"&gt;
    &lt;img src="img/fondo1.jpg" alt="" rel="gallery" /&gt;
    &lt;img src="img/fondo2.jpg" alt="" rel="gallery" /&gt;
    &lt;img src="img/fondo3.jpg" alt="" rel="gallery" /&gt;
    &lt;img src="img/fondo4.jpg" alt="" rel="gallery" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The link:</p>
  
  <pre><code>&lt;a id="galleryBtn" class="galeria" href="#gallery"&gt;Gallery&lt;/a&gt;  
  </code></pre>
  
  <p>and my trigger:</p>
  
  <pre><code>$('a#galleryBtn').fancybox({
      'transitionIn'  :   'elastic',
      /*'transitionOut'   :   'elastic',*/
      'speedIn'       :   600, 
      'speedOut'      :   200, 
      /*'overlayShow' :   false*/
  });
  </code></pre>
  
  <p>The link opens the fancybox but it contains all images with a scrollbar instead of single images with the gallery next and prev buttons.</p>
  
  <p>So what am i doing wrong? <a href="http://jsfiddle.net/wkP79/5/" rel="nofollow">http://jsfiddle.net/wkP79/5/</a></p>