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

home2 게시판 JavaScript, TS 게시판 이미지 슬라이드 다음, 이전 버튼

이미지 슬라이드 다음, 이전 버튼

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

    조현희
    참가자
    안녕하세요.
    다음 버튼을 누른 뒤, 이어서
    이전 버튼을 누를 때 바로 적용되지 않고 클릭을 한 번 더 해야 적용이 됩니다.
    해결할 수 있는 방법이 있을까요?
    <button class="back">이전</button>
    <button class="next">다음</button>
    
    <script>
    //이미지 슬라이드 다음 버튼
          var photoNum = 1;
          $(".next").on("click", function () {
            if (photoNum < 3) {
              $(".slide-container").css(
                "transform",
                "translateX(-" + photoNum + "00vw)"
              );
              photoNum += 1;
            }
          });
    
    //이미지 슬라이드 이전 버튼
    $(".back").on("click", function () {
              $(".slide-container").css(
                "transform",
                "translateX(-" + (photoNum - 1) + "00vw)"
              );
              photoNum -= 1;
          });
    
    
    
    #113850

    codingapple
    키 마스터
    이전버튼 누를 경우 
    photoNum이 2일때는 0vw로 이동해야할거같은데 -100vw로 이동하는듯요
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 호 / 개인정보관리자 : 박종흠