캐러셀 만들기 translateX 질문드립니다.

[신민철]

질문이 있습니다 선생님

버튼을 한 번 눌러서 
transform: translateX(-100px);
만큼 슬라이드가 움직였다고 칩시다.

그 다음 버튼을 한번 더 누르면 이미 한번 -100px 만큼 움직인 위치에서 추가로 -100px 만큼 더 움직이는거잖아요?
결국 버튼을 두번 누르면 원래 위치에서 -200px 만큼 움직인거죠?
1회 클릭: -100px, 2회 클릭: -100px


강의에서 next 버튼을 이렇게 구현하셨는데,
지금 보는 사진이 몇번째 사진이든 다음 버튼을 누르면 translateX(-100vw)만 해주면 되는거 아닌가요?

왜 두번째 사진을 보고 있을 때는 -200vw만큼 움직이게 한거죠?
어차피 첫번째 사진에서 두번째 사진으로 넘어가나, 두번째 사진에서 세번째 사진으로 넘어가나 현재 슬라이드에서 다음 슬라이드로 하나씩만 움직이는거잖아요. 그럼 그냥 현재 보고 있는 슬라이드가 뭐건간에 next 버튼은 -100vw만 움직이면 되는거 아닌가요?

[codingapple]

저 코드는 -100vw 추가해주세요가 아니라 -100vw로 바꿔주세요라는 코드라 그렇습니다

[글쓴이]

글