jQuery的循環使用多個幻燈片與導航爲每個幻燈片

Question

我正在使用jquery循環版本1爲我的網站在同一頁面上顯示多個幻燈片。 我不知道我要使用多少幻燈片，所以我無法給每個幻燈片顯示一個唯一的ID。 這裏是我使用的代碼工作完全正常：

$('.slideshow').each(function() { 
     var $this = $(this); 
     $this.cycle({ 
      timeout:0, 
      fx:  'none', 
      next:  $this, 

     }); 
    }); 

我所有的幻燈片都是獨立的，並在幻燈片中的下一個功能作用於所選幻燈片時，點擊，這是完美的。

現在我想添加一個尋呼機到幻燈片，這就是我的問題。 尋呼機是同步的，並且當使用例如3幻燈片時，第一幻燈片尋呼機顯示尋呼機1,2和3 ...幻燈片2顯示尋呼機2和3，幻燈片3顯示尋呼機3.

這裏是代碼I嘗試：

$('.slideshow').each(function() { 
     var $this = $(this); 
     $this.after('<div class="nav">').cycle({ 
      timeout:0, 
      fx:  'none', 

      // use slideshow as the transition trigger 
      next:  $this, 
      pager: '.nav', 

     }); 
    }); 

我需要使用$這尋呼機鏈接到幻燈片，也許，但我不能找出如何做到這一點...

這裏的jsfiddle看到它在行動：http://jsfiddle.net/HuNfz/198/

than ks很多爲您的幫助！

Answer 1

我面臨同樣的問題，但沒有其他解決方案，然後給予唯一的ID。