1から始まるJavascript回転インクリメントカウンタ

Question

私はイメージIDの配列を持っています。

var images = ['238239', '389943', '989238', ... ]; 
max = images.length; 

配列インデックスは明らか配列サイズがを変化させることができる0から始まります。

たとえば、 5枚の画像が配列である場合、インデックスは0、1、2、3、4

ある私はそうのような現在のインデックスをインクリメントすることによってjQueryを使って画像を交換しています：

<script> 

currindex = 0 

// Previous image, onclick event swap 
    $("previous").click(function(){ 
     currindex = (currindex+1) % max; 
     ...some more code to swap image... 
    }); 


// Next image, onclick event swap 
    $("next").click(function(){ 
    currindex = (currindex+max-1) % max; 
    ...some more code to swap image... 
} 

</script> 

この最後のインデックスnrで「次へ」をクリックすると、イメージが回転してインデックス0から再び開始されます。 4. "Previous"で回転する場合も同様です。

私はそうのように、現在位置のカウンタを表示したい

：

<div>Image 3 of 5</div> 

どのように私は常にインデックス0に1で開始し、両方の方法を回転させるカウンタを実装することができますか？

Answer 1

function updateCounter(){ 
    document.getElementById("counter").innerHTML = "Image "+(currindex+1)+" of "+max; 
} 

「カウンタ」のIDを使用してコードにいくつかの要素を追加し、両方のクリックイベントに機能updateCounter()を追加します。