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

home2 게시판 JavaScript, TS 게시판 코드 3줄로 캐러셀 (이미지 슬라이드) 만들기 2

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

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

    강혜린
    참가자
    이전버튼을 적용하긴 했는데 
    1. 3번화면에서 이전버튼을 눌러도 다음화면으로 넘어갑니다.
    2. (응용3) 부분을 어떻게 해결해야할지 잘 모르겠습니다..
     
    
    #47878

    codingapple
    키 마스터
    now가 3일 때 이전버튼을 누르면 -300vw로 이동해주는거같은데 그건 4번사진보여주기같군요 
    의도대로 잘되면 응용3도 자동해결입니다
    #47892

    강혜린
    참가자
        var now = 1;
        $(".next").click(function(){
                $(".container").css("transform","translateX(-" + now + "00vw)");
                now ++;
        })
        $(".pre").click(function(){
            if(now == 2){
                $(".container").css("transform","translateX(0vw)");
            }else if(now ==3){
                $(".container").css("transform","translateX(-100vw)");
            }
            now --;
        })
    
    이렇게 해서 이전버튼은 해결한거 같은데, 2번버튼눌러서 화면일때 이전버튼 작동은 여전히 안되는데 어디가 문제일까요,,?
    #47947

    codingapple
    키 마스터
    2번버튼 눌렀을 때 now 변수도 잘 변경합시다
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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