Jquery循環插件：在一個頁面上有多個幻燈片的多個尋呼機計數器

我有一個頁面計數器 - （1/9）系統 - 用於在一個頁面上進行多個幻燈片。我的問題是：當我點擊一個幻燈片它不僅影響這一個但目前該網頁上的不同幻燈片的所有頁面計數器的頁計數器...Jquery循環插件：在一個頁面上有多個幻燈片的多個尋呼機計數器

如果有人有一個解決方案來解決我的問題，我將不勝感激。

這裏我jQuery代碼：

<script type='text/javascript'> 

     $(document).ready(function() { 
      $('.slidecontein .slideshow').each(function(){ 
       $(this).cycle({ 
        speed:1, 
        timeout: 0, 
        next: $('.slideright', $(this).parent()), 
        prev: $('.slideleft', $(this).parent()), 
        after: function onAfter(curr,next,opts) { 
         var caption = (opts.currSlide + 1) + '/' + opts.slideCount; 
         $('.counter').html(caption); 
        } 
       }); 
      }); 
     }); 
    </script>

這裏我的HTML代碼示例

<div class="slidecontein"> 
<div class="slideleft"> </div> 
<div class="slideright"> </div> 

<div class="slideshow"> 
<div class="slide1"> 
<img src="../imgs/01.jpg"> 
</div> 

    <div class="slide2"> 
<img src="../imgs/02.jpg"> 
</div> 

<div class="slide3"> 
<img src="../imgs/03.jpg"> 
</div> 

    </div> <!-- END slideshow --> 

     <div id="counter"></div>  <!-- my pages-counter --> 

</div><!-- END slidecontein --> 


<div class="slidecontein"> 
<div class="slideleft"> </div> 
<div class="slideright"> </div> 

<div class="slideshow"> 

<div class="slide1"> 
<img src="../imgs/10.jpg"> 
</div> 

    <div class="slide2"> 
<img src="../imgs/11.jpg"> 
</div> 


</div> <!-- END slideshow --> 
<div id="counter"></div>   <!-- my page counter --> 
</div><!-- END slidecontein -->

我也試過這樣：