로그인
장바구니에 상품이 없습니다.

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

이 주제에는 3개 답변, 2명 참여가 있으며 codingapple가 3 년, 5 월 전에 전에 마지막으로 업데이트했습니다.

강의로 돌아가기

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

글쓴이

글
2021년 12월 27일 18:47 #23059

BSS
참가자

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

뭐가 문제일까요?

2021년 12월 27일 20:36 #23067

codingapple
키 마스터

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

2021년 12월 27일 22:59 #23086

BSS
참가자

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

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

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

2021년 12월 28일 10:11 #23106

codingapple
키 마스터

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

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

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

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

뒤로가기 버튼은

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

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

글

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

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

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

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠