Multiple Cycles on one page (again)

Multiple Cycles on one page (again)

Hi,

I've been researching this problem for a while now, but can't find the answer.

I get 100+ products outputted from a database with 2-6 images each. I want to use cycle with Pager to show the images for each product.

My problem is that the pagers for each image cycle, connects with all the image cycles.

I've uploaded the dev files here: http://casperholden.com/files/holden/
Each of these products have 4 images.


I my jQuery looks like this
  1.     $('.product-photo').cycle({
  2.         fx:     'fade',
  3.         speed:  '1000',
  4.         pager:  '.product-photo-nav',
  5.         slideExpr: 'img',
  6.         timeout: 0
  7.     });

And the HTML for the products like this:
  1.                         <div class="product-item" id="432454">
  2.                             <h3>Botanisk navn</h3>
  3.                             <h4>Dansk navn</h4>
  4.                            
  5.                             <table class="product-data">
  6.                               <tr>
  7.                                 <td class="product-data-cat">Anvendes:</td>
  8.                                 <td class="product-data-con">ved mur, espalier og stolper.</td>
  9.                               </tr>
  10.                               <tr>
  11.                                 <td class="product-data-cat">Blomst:</td>
  12.                                 <td class="product-data-con">violette i halvskærmeformede klaser.</td>
  13.                               </tr>
  14.                               <tr>
  15.                                 <td class="product-data-cat">Jordbund:</td>
  16.                                 <td class="product-data-con">god overjord, veldrænet og næringsrig.</td>
  17.                               </tr>
  18.                               <tr>
  19.                                 <td class="product-data-cat">Løv:</td>
  20.                                 <td class="product-data-con">langstilkede 3-5 koblede.</td>
  21.                               </tr>
  22.                               <tr>
  23.                                 <td class="product-data-cat">Voksested:</td>
  24.                                 <td class="product-data-con">lun, veldrænet plads.</td>
  25.                               </tr>
  26.                               <tr>
  27.                                 <td class="product-data-cat">Vækst:</td>
  28.                                 <td class="product-data-con">slyngende, 2-5 m.</td>
  29.                               </tr>
  30.                             </table>
  31.                            
  32.                             <div class="product-photo">
  33.                               <img src="images/products/1.jpg" alt="" />
  34.                               <img src="images/products/2.jpg" alt="" />
  35.                               <img src="images/products/3.jpg" alt="" />
  36.                               <img src="images/products/4.jpg" alt="" />
  37.                               <div class="product-photo-nav"></div>
  38.                             </div>
  39.                            
  40.                             <div class="product-form">
  41.                               <div class="product-form-header product-form-content">
  42.                                 <span>Mål:</span>
  43.                                 <span>1 stk.</span>
  44.                                 <span>10 stk.</span>
  45.                                 <span>100 stk.</span>
  46.                                 <span>1000 stk.</span>
  47.                               </div>
  48.                               <div class="product-form-content">
  49.                                 <span>C2,0-60 CM</span>
  50.                                 <span>kr. 460,78</span>
  51.                                 <span>kr. 411,35</span>
  52.                                 <span>kr. 370,19</span>
  53.                                 <span>kr. 0,00</span>
  54.                                 <div class="product-form-input">
  55.                                   <input type="text" class="antal input-text" title="Indtast antal varer du vil tilføje til plantelisten" />
  56.                                   <input type="submit" class="add button" value="Tilføj til planteliste" />
  57.                                 </div>
  58.                               </div>                     
  59.                               <div class="product-form-slider">
  60.                                
  61.                                   <div class="product-form-content">
  62.                                     <span>C2,0-60 CM</span>
  63.                                     <span>kr. 460,78</span>
  64.                                     <span>kr. 411,35</span>
  65.                                     <span>kr. 370,19</span>
  66.                                     <span>kr. 0,00</span>
  67.                                     <div class="product-form-input">
  68.                                       <input type="text" class="antal input-text" title="Indtast antal varer du vil tilføje til plantelisten" />
  69.                                       <input type="submit" class="add button" value="Tilføj til planteliste" />
  70.                                     </div>
  71.                                   </div>
  72.                                   <div class="product-form-content">
  73.                                     <span>C2,0-60 CM</span>
  74.                                     <span>kr. 460,78</span>
  75.                                     <span>kr. 411,35</span>
  76.                                     <span>kr. 370,19</span>
  77.                                     <span>kr. 0,00</span>
  78.                                     <div class="product-form-input">
  79.                                       <input type="text" class="antal input-text" title="Indtast antal varer du vil tilføje til plantelisten" />
  80.                                       <input type="submit" class="add button" value="Tilføj til planteliste" />
  81.                                     </div>
  82.                                   </div>
  83.                                
  84.                               </div> <!-- /product-form-slider -->
  85.                                                            
  86.                               <div class="slide-toggle"><span>Vis alle</span></div>
  87.                              
  88.                             </div>
  89.                            
  90.                         </div> <!-- /product-item -->


Hope you are able to help me.

Thanks a lot!