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

[Frank]

 

level 2 캐러셀 질문입니다.

다음(next) 버튼까지는 잘 만들었습니다만

맨 밑에있는 이전버튼(before)에서 조금 이해가 안되는 부분이 있어서 문의드립니다.

기존에 translateX(-100vw) 자체가 1번 화면에서 2번화면으로  오른쪽으로 이동하는 개념이라고 알고있습니다.

 

그러면 반대로 이전(before)버튼을 만들 때는

2번화면에서 1번 화면으로 왼쪽방향으로 가야하니깐 translateX(100vw) 로 해야하는게 맞지 않을까요?

노가다로 아래 코드로 하면 이전,다음 버튼이 각각 잘 작동은 하는 것 같은데 왜 translate(-100vw)와 translate(0vw)를 적어야하는지 조금 이해가 되질 않습니다.

 

[codingapple]

translate(-100vw) 는 -100vw만큼 이동하라는 소리가 아니라

현재 위치를 -100vw로 바꾸라는 소리라 그렇습니다 

-100vw는 2번사진 보이는 위치입니다 

0vw는 1번사진 보이는 위치입니다 

[글쓴이]

글