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

home2 게시판 JavaScript, TS 게시판 이미지 캐러셀 질문 드립니다.

이미지 캐러셀 질문 드립니다.

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

    길동이
    참가자
             if문을 통하여 만들었는데, 다음 창은 잘 작동하나 이전 창 버튼은 누르면 처음 사진 보다 이전으로 가서 빈 화면이 뜹니다.
             여러 시도를 해봤는데 되지 않아서.. 답안 부탁드립니다. 
    
    
    
    var 현재사진 = 1;
    
    
      $('.next').on('click', function(){
                  $('.container').css('transform', 'translateX(-' + 현재사진 + '00vw)');
                 현재사진 += 1;
              });
                    
                    
               $('.before').on('click', function(){
                  $('.container').css('transform', 'translateX(+' + 현재사진 + '00vw)');
                 현재사진 += 1;
              });
    #51484

    codingapple
    키 마스터
    이전버튼 누르면 변수에서 1을 더하지 말고 뺍시다
    #51971

    길동이
    참가자
     
     
    변수에만 -를 주면 이상 현상이 발생해서 translate에도 -를 주니 다음사진으로 갔다가 이후 이전 사진으로 잘 작동합니다.
    나중에 포트폴리오 작성을 할 때 이런 경우 나중에 에러가 발생하거나 하지는 않을까요?
               $('.before').on('click', function(){
                  $('.container').css('transform', 'translateX(-' + 현재사진 + '00vw)');
                 현재사진 -= 1;
              });
     
     
    #52034

    codingapple
    키 마스터
    '문자' + 숫자는 '문자숫자'가 되는데 
    문자 - 숫자는 불가능해서 그렇습니다
    #54075

    Frank
    참가자
    그러면 백틱을 써야하는걸까요?
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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