title: jquery-lightbox strange behavior (won't advance to next/prev image)
body: <p>I'm having two behavioral issues that I can't overcome.  First, I can't successfully scroll through images. When I click the Next/Prev buttons within the lightbox, it just stays on the current image.  </p>
  
  <p>Additionally, if I click squarely in the middle of the lightbox image, it closes.  </p>
  
  <pre><code>$(function(){
  
  
  $('#photos a').lightBox({fixedNavigation:true, imageBtnPrev:'{{site}}media/imageslightbox-btn-prev.gif',imageBtnNext:'{{site}}media/images/lightbox-btn-next.gif',containerResizeSpeed:350,});
  
  });
  </code></pre>
  
  <p>So I've tried this with and without the "fixedNavigation:true" parameter. </p>
  
  <p>My markup is as follows:</p>
  
  <pre><code>  &lt;div id="photos"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="{{site}}media/apt-img4.jpg"&gt;&lt;img src="{{site}}media/apt-img4.jpg" width="185" height="110" alt="Thumb" /&gt;&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="{{site}}media/apt-img4.jpg"&gt;&lt;img src="{{site}}media/apt-img5.jpg" width="185" height="110" alt="Thumb" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="{{site}}media/apt-img4.jpg"&gt;&lt;img src="{{site}}media/apt-img6.jpg" width="185" height="110" alt="Thumb" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="{{site}}media/apt-img4.jpg"&gt;&lt;img src="{{site}}media/apt-img7.jpg" width="185" height="110" alt="Thumb" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>thanks for any help!</p>