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

home2 게시판 JavaScript, TS 게시판 if문에 대해 질문 하나 드리겠습니다..

if문에 대해 질문 하나 드리겠습니다..

  • 이 주제에는 3개 답변, 2명 참여가 있으며 codingapple2 년 전에 전에 마지막으로 업데이트했습니다.
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #87738

    윤준호
    참가자
    setInterval을 활용해서 자동적으로 옆으로 넘어가는 캐러셀을 만들고 있습니다. 
    
    
            var 지금보이는사진 = 1; 
            setInterval(function(){
              if( 지금보이는사진 < 3){            //총 사진의 갯수가 3이므로
                    $('.slide-container').css('transform', 'translateX(-' + 지금보이는사진 + '00vw)');  // 'translateX(-n00vw)'); 처럼사용하기 위해서
                    지금보이는사진 = 지금보이는사진 + 1;
              }
              else if( 지금보이는사진 = 3){
                $('.slide-container').css('transform', 'translateX(-100vw)');
              }
             
    이렇게 하니 한장한장 잘 마지막까지 잘 넘어가더라구요... 근데 다시 왼쪽으로 넘기려니 잘 안되더라구요..
    그렇다면 여기서 다시 왼쪽으로 한장 한장 넘기려면 if문을 어떻게 작성해야 할까요...?
    일단 여기까지 만들었는데 
    3번째 사진까지 갔다가 다시 2번째 사진으로 돌아온 상태입니다. 여기서 어찌하면 첫번째 사진을 보여줄수있을까요?
        
    
    #87766

    codingapple
    키 마스터
    같은지 비교하고 싶을 땐 = 말고 == 씁시다 
    사진을 어떤 순서로 보여줄지 방향을 저장할 변수하나 만들어두고 
    방향이 오른쪽이면 + 방향이 왼쪽이면 - 하는 식으로 코드짜봅시다
    #87803

    윤준호
    참가자
    제가 정말 하루종일 생각해서 여러가질 만들어봤는데 정말 잘 안되더라구요...
    무슨 말씀이신지 조금만 구체적으로 설명 부탁드려도 될까요...
    #87823

    codingapple
    키 마스터
    var 방향 = '오른쪽' 
    변수같은거 하나 만들어두고 
    
    setInterval안에서
    방향 == '오른쪽'인 경우 'translateX(-' + 지금보이는사진 + '00vw)'
    방향 == '왼쪽'인 경우 'translateX(-' + (지금보이는사진 -2) + '00vw)' 
    이동하라고 코드짭시다 그리고 원할 때 var 방향 변수도 바꾸면 될듯요 
    
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 호 / 개인정보관리자 : 박종흠