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

home2 게시판 JavaScript, TS 게시판 케러셀 '이전버튼' 구현은 어떻게 하나요?

케러셀 '이전버튼' 구현은 어떻게 하나요?

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #108307

    hihihello
    참가자
    안녕하세요 선생님. 새해복 많이받으세요.
    화면 캡처 2023-12-30 203714
    
    다음버튼은 imageIndex 변수를 받아와서 translateX의 값을 바꿔주면 된다는 것은 이해했습니다.
    그런데 이전버튼을 구현할때 같은 로직으로 작성을 하면 생각대로 되지 않을 것 같습니다.
    
    ~~.css('transform'...)에서 현재 translateX()의 값을 받아와서, 그 값에 +100vw을 해야 원하는 식으로 구현이 가능 할 것 같은데,
    혹시 방법을 알 수 있을까요?
    아니면 좀 더 똑똑한 방법이 있으면 좀 알고 싶습니다.
    감사합니다!
    #108334

    codingapple
    키 마스터
    이전버튼 누르면 
    imageIndex가 2일때는 -100vw
    imageIndex가 1일때는 0vw
    로 이동하라고 코드짭시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

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