微型旋轉木馬上課加入可見項目分頁

Question

我的旋轉木馬上有兩個項目一次顯示，共有6個項目。

下面的圖片是有編號的選擇，但只突出了一個在同一時間。我怎麼能突出（或添加類頁面選擇器）到2個圖像當前顯示..即如果我正在查看圖片4和5，然後1 2 3「4 5」6 - 4 & 5將有一個增加的類。

<div id="slider-code"> 
<a href="#" class="buttons prev">left</a> 
<div class="viewport"> 
    <ul class="overview"> 
     <li><img src="images/picture7.jpg"></li> 
     <li><img src="images/picture5.jpg"></li> 
     <li><img src="images/picture6.jpg"></li> 
     <li><img src="images/picture4.jpg"></li> 
     <li><img src="images/picture3.jpg"></li> 
     <li><img src="images/picture2.jpg"></li>        
    </ul> 
</div> 
<a href="#" class="buttons next">right</a> 
    <ul class="pager"> 
     <li><a rel="0" class="pagenum" href="#">1</a></li> 
     <li><a rel="1" class="pagenum" href="#">2</a></li> 
     <li><a rel="2" class="pagenum" href="#">3</a></li> 
     <li><a rel="3" class="pagenum" href="#">4</a></li> 
     <li><a rel="4" class="pagenum" href="#">5</a></li> 
     <li><a rel="5" class="pagenum" href="#">6</a></li> 
    </ul> 
</div> 

我沒有包含JS，因爲插件（小傳送帶）只有幾個簡單的選項。

感謝

Answer 1

嗯......不知道你正在嘗試做的，但在這裏就是我想：

$('a').click(function(){ 
    $('a').removeClass('active'); 
    $(this).addClass('active').next('a').addClass('active'); 
}); 

這應該主動點擊的項目，下一個。