코드 3줄로 캐러셀 (이미지 슬라이드) 만들기 2 질문이욥

[noneblock]

var recentSlide = 1;

$('.next').on('click', function(){
    $('.slide-container').css('transform', 'translateX(-' + recentSlide + '00vw)');

    recentSlide += 1;

});

$('.prev').on('click', function(){
  $('.slide-container').css('transform', 'translateX(-' + (recentSlide-2) + '00vw)');

  recentSlide -= 1;

});

이렇게 코드를 짜면 이전 다음은 되지만 마지막페이지에서 다음을 누르면 1번째화면으로, 이전버튼을 첫번째 페이지에서 한번 더 누르면
마지막화면으로 넘어가게 하는방법이 있을까요? 

[codingapple]

다음버튼눌렀을 때 변수가 3이면 0vw로 이동하라고 코드를 추가하면 되겠군요

[noneblock]

if문 사용하여서 recentSlide가 3보다 커지면 0vw화면을 보여줘라 라고 입력했엇는데 하니까 다음버튼 누르면 첫번째 이미지로 돌아가긴하나 슬라이드 두번째 재생시 다음버튼을 한번 누르면 사진3개를 한번에 넘겨버리고고
이전버튼을 한번누르면 있지도않은 4번째화면에서 다시 첫화면으로 급하게돌아오는 이상한?오류가 생깁니다...
두번째 재생시에도 무한으로 정상적인 재생이 가능한 방법은 뒤 강의에도 없나용...?ㅠ

[codingapple]

변수+1 하는 코드를 이리저리 옮겨봅시다 
혼자해봐야 늡니다

[글쓴이]

글