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

[BSS]

next버튼을 사진 3개가 넘어가지 않게 선생님이 하신 코드 대로 넣어 봤는데도 제한이 안되고 4번째 빈(하얀 화면이)나옵니다.

뭐가 문제일까요?

[codingapple]

3말고 2보다 작을 때로 바꿔봅시다 

[BSS]

nextBtn은 말씀해 주신대로 3을 2로 고치니 해겼됐습니다  prevBtn도 비슷할거라 생각해서 비슷하게 해봤는데요 

translateX 다음에 오는 숫자를 안넣으면 클릭이 되서 왼쪽 흰화면이 나오기는하는데요  - 숫자를 넣으면 아예 동작이 안되요

선생님이 하신거랑 똑같이 해도 마찬가지로 동작이 안되요 선생님 ㅜㅜ

[codingapple]

코드를 감으로 짜면 그렇습니다 

다음 버튼 부터 고쳐보면 되는데 

nowImg가 1일 경우 다음 버튼 누르면 -100vw 해주고 nowImg 2로 만들어줍니다

nowImg가 2일 경우 다음 버튼 누르면 -200vw 해주고 nowImg 는 아직 2입니다 <- 이거 부터 고치면 됩니다 

뒤로가기 버튼은 

nowImg가 2일 경우 뒤로가기 버튼 누르면 -0vw 해주고 nowImg 를 1로 만들어야합니다

nowImg가 3일 경우 뒤로가기 버튼 누르면 -100vw 해주고 nowImg 를 2로 만들어야합니다

 

[글쓴이]

글