Carousel (이미지 슬라이드) 직접만들기 2 : Next 버튼 만들기

[이도아]

var 지금보이는사진 = 1;

$('.slide-next').click(function() { if ( 지금보이는사진 == 1 ) { $('.slide-container').css('transform', 'translateX(-100vw)'); } else if ( 지금보이는사진 == 2 ) { $('.slide-container').css('transform', 'translateX(-200vw)'); } });

 

어떻게 컴퓨터가 지금보이는사진이 1페이지라는걸 알 수 있는지 궁금합니다.

var 지금보이는사진 = $('.slide-container{transform : translateX(0);}') 이렇게 표시해준게 아닌데 어떻게 알 수 있는거죠? ㅠㅠ 

[codingapple]

저 코드는 지금 보이는 사진번호를 잠깐 변수에 저장해두고 

지금 1번사진이 보이면 다음버튼누를때 2번사진을 보여달라고 하는 코드입니다

그럼 다음버튼을 누르면 지금 보이는 사진번호 변수도 +1 하라고 직접 명령해주어야합니다

 

[이도아]

그럼 홈페이지에 딱 들어 갔을 때 무조건 첫 번째 사진부터 보인다는 가정 하에 변수의 값을 1로 지정 한거군요?!

 

[codingapple]

넴 

[글쓴이]

글