title: How to get isotope's filtering to work with a jquery fancy box slide show?
body: <p>I have created a gallery using both Jquery Fancybox and Isotope. I have a list of thumbnail images on my page. People can sort the images using some filters I created with Isotope. People can also click a thumbnail to enlarge it using JQuery Fancybox. The problem I have is that when someone sorts the images and then clicks to enlarge the image, the forward and backward buttons in fancybox still cycle through all the images instead of just the filtered images. For example:</p>
  
  <p>If these are my filters:</p>
  
  <pre><code>&lt;li class="catOne"&gt;Category One&lt;/li&gt;
  &lt;li class="catTwo"&gt;Category Two&lt;/li&gt;
  </code></pre>
  
  <p>And These are my images:</p>
  
  <pre><code>&lt;div class="isotopeItem catOne"&gt;Image goes here&lt;/div&gt;
  &lt;div class="isotopeItem catOne"&gt;Image goes here&lt;/div&gt;    
  &lt;div class="isotopeItem catTwo"&gt;Image goes here&lt;/div&gt;    
  &lt;div class="isotopeItem catTwo"&gt;Image goes here&lt;/div&gt;
  </code></pre>
  
  <p>When the user clicks on the CatTwo filter the page shows only the last two images. But if I click the image to see it enlarge with Fancy box, my forward backward buttons bring me through all the images. I would only want it to show the images that have been filtered. I can post all my code here if that makes sense. Was trying to keep things simple. Here is a link to the page I'm talking about. <a href="http://www.ce.ryanswansondesign.com/artists/artists/a-f/shelby-lee-adams.html" rel="nofollow">http://www.ce.ryanswansondesign.com/artists/artists/a-f/shelby-lee-adams.html</a></p>