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

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

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

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

    정재연
    참가자

    안녕하세요,

    다음 기능을 만들 때 아래와 같이 작성을 해보고 싶은데, 두번째 if문을 추가하면 첫번째 사진에서 next 버튼을 눌러도 세번째 이미지로 갑니다. 혹시 어떤 부분이 잘못되었는지 도움주실 수 있으실까요?

    감사합니다.

    $('.slide-next').on('click', function(){
         if(document.getElementById('img1').src = 'car1.png'){
              $('.slide-container').css('transform', 'translateX(-100vw)');
         }
         if(document.getElementById('img2').src = 'car2.png'){
              $('.slide-container').css('transform', 'translateX(-200vw');
         }
    })

    #30635

    codingapple
    키 마스터

    버튼누르면 

    첫이미지가 car1.png 면 2번사진으로 가고

    둘째이미지가 car2.png면 3번사진으로 가라고 코드짜놔서 그렇습니다

    첫 이미지가 뭔지 파악하기보다는 현재보고있는 사진이 뭔지 파악하면 됩니다

     

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 호 / 개인정보관리자 : 박종흠