次のスライドに移動する「次へ」ボタンを追加したいシンプルなスライダーがあります。また、ユーザーが最後のスライドに到達したら、最初のスライドに戻る必要があります。
私がこれまでに持っているのは：
jQuery('#next_test').click(function(e){
showSlide = 0;
slidesLength = jQuery('#page-slider .slides-image img').length;
active_slide = jQuery('#page-slider .slides-image img:first');
next = showSlide+1;
showSlide = next;
jQuery('#page-slider .slides-image img').eq(showSlide).fadeIn(700);
return false
});
スライダーは、番号を指定することでスライドを表示できるように構築されています（showSlide）。そのため、最初のスライドである初期番号を0に設定しようとしています。その後、ユーザーがクリックするたびに、次のスライド、つまり次の番号に移動します。最後に、それは最初の番号から再び始まります。
上記のコードは、ターゲットスライドの数を増やしますが、1回だけです。どうすればこれを行うことができますか？foreachループは必要ですか？