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

3 글 보임 - 1 에서 3 까지 (총 3 중에서)

글쓴이

글

2023년 7월 13일 21:33 #90850

참가자

  
응용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)";
      }
    });

2023년 7월 14일 09:29 #90901

codingapple

키 마스터

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

2023년 7월 14일 17:23 #90978

김지선

참가자

이해가 안가요....

    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가 들어가야하는거아닌가요??ㅠㅠ
그리고 실행을하면 마지막사진에서 이전버튼을 누르면 두번째 사진이 보이는데
두번째 사진에서 이전버튼을 누르면 작동이안돼요...


-해결했어요-

글쓴이

글

3 글 보임 - 1 에서 3 까지 (총 3 중에서)

답변은 로그인 후 가능합니다.

로그인

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

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png