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

[김지선]

  
응용1   이전버튼이요
이것저것 다 해봤는데 도저히 답이 안나와서요


 var 이전사진 =1;
    document.querySelector('.befor').addEventListener('click', function(){
      if(이전사진 ==1 ) {
        document.querySelector('.slide-container').style.transform ="translateX(100vw)";
        이전사진 -= 1;
      } else if (이전사진 ==2){
        document.querySelector('.slide-container').style.transform ="translateX(200vw)";
      }
    });

[codingapple]

.querySelector('.befor') 는 오타같군요 
현재사진이 셋째면 버튼눌렀을 때 -100vw로 둘째면 0vw로 이동시켜야할듯요

[김지선]

이해가 안가요....

    var 이전사진 =1;
    document.querySelector('.befor').addEventListener('click', function(){
      if(이전사진 ==1 ) {
        document.querySelector('.slide-container').style.transform ="translateX(-100vw)";
        지금사진 -= 1;
      } else if (이전사진 ==2){
        document.querySelector('.slide-container').style.transform ="translateX(0vw)";
      }
    });

이렇게 했는데 
.querySelector('.befor')  이전버튼을 눌러야하니까  befor가 들어가야하는거아닌가요??ㅠㅠ
그리고 실행을하면 마지막사진에서 이전버튼을 누르면 두번째 사진이 보이는데
두번째 사진에서 이전버튼을 누르면 작동이안돼요...


-해결했어요-

[글쓴이]

글