使用jQuery增加/減少期間限制x值上一個按鈕和下一個按鈕

Question

主圖像下方有上一個和下一個按鈕，有x個照片（在這種情況下爲7），我需要限制要添加的值x的數量，因此它只能在1到x的範圍內（在這種情況下爲1到7）。

顯然，當用戶到達X，點擊下一個應該回到1

問題可以看這裏：http://mylandscapes.splintertaeal.com/gardens/regents-park.htm

任何幫助將非常感激。

代碼：

$(document).ready(function() { 
    var el = $('.nr'); 

    function change(amt) { 
    el.text(parseInt(el.text(), 10) + amt); 
    } 

    $('#next').click(function() { 
    change(1); 
    }); 

    $('#prev').click(function() { 
    change(-1); 
    }); 
}); 

Answer 1

我說你應該完全刪除這些代碼：

$(document).ready(function() { 
    var el = $('.nr'); 
    function change(amt) { 
     el.text(parseInt(el.text(), 10) + amt); 
    } 
    $('#next').click(function() { 
     change(1); 
    }); 
    $('#prev').click(function() { 
     change(-1); 
    }); 
}); 

，而是修改下面的事件處理程序。

var $nr = $(".nr"); 
$('#next, #prev').on('click', function() { 
    var A = this.id == 'next',X=A?T:0,Y=A?0:T,Z=A?N+1:N-1;N=N==X?Y:Z; 
    $("#display").html('<img src="'+$(E[N]).attr('href')+'" />'); 
    $(".display2").html('<img src="'+$(F[N]).attr('href')+'" />'); 
    /* Update the slide number */ 
    $nr.text(N + 1); 
}); 

在這種情況下不需要有兩個事件處理程序。

Answer 2

 int i = 0 
     $(nextbutton).click(function() { 
      i++; 
      if (i == 7) { 
      i = 0; 
      } 
showImage(i); // get i indexed image from array 
     }); 

     $(prevbutton).click(function() { 
      i--; 
      showImage(i); // get i indexed image from array 
      if (i == 0) { 
      return; 
      } 
     }); 

I hope I understood your problem in a right way .