Carousel (이미지 슬라이드) 직접만들기 2 : Next 버튼 만들기

[전진우]

숙제 중에 3번째 사진 이상으로 vw가 넘어가지 않게 NEXT 버튼 if 문으로 만드셨는데 

var nowPhoto = 1;

        $('.slide-next').click(function () {

            $('.slide-container').css('transform', 'translateX(-' + nowPhoto + '00vw)');
            if (nowPhoto < 2) {
                nowPhoto = nowPhoto + 1;
            }
        });

        $('.slide-previous').click(function () {

            $('.slide-container').css('transform', 'translateX(-' + (nowPhoto - 1) + '00vw)');
            if (nowPhoto > 1) {
                nowPhoto = nowPhoto - 1;
            }
        });

 

1. 사진 올려주신 거에는   넥스트 버튼 js 셋째줄 if (nowPhoto < 3) 으로 되있고 

2 .비포버튼 에서는 js 둘째줄  $('.slide-container').css('transform', 'translateX(-' + (nowPhoto - 2) + '00vw)'); 로 되있는데 

1.번처럼 <3 하면  3번째 사진 이상으로 넘어가고 , 2.번처럼 -2를 하게 되면 세번째 사진에서 바로 첫번째 사진으로 바뀌던데 

스크린샷 올려주신 게 맞는건가요 ?? 질문이 좀 이해가 안 가실 수도 있는데 혼란이 와서 질문합니다ㅠㅠ 

[codingapple]

강의 예제는 1 2 3 2 1 순으로 잘됩니다

3번 사진 이상으로 넘어가는건 따로 if를 업그레이드하거나 또 쓰거나 하면 되겠군요 

[글쓴이]

글