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

[Frank]

안녕하세요. 맨 밑에있는 응용2 질문입니다.

 

사진을 계속 추가해도 다음/이전 버튼만 누르면 작동을 하게 하려고 합니다만

 

다음버튼에는 지금사진 +=1, 이전버튼에는 지금사진 -=1 로 해주면 될까요?

아래처럼 써주면 맞는걸까요?

 

var 지금사진 = 1;
$('.next').on('click', function () {
$('.slide-container').css('transform', 'translateX(-' + 지금사진 + '00vw)');
지금사진 += 1;
})
var 지금사진 = 1;
$('.before').on('click', function () {
$('.slide-container').css('transform', 'translateX(-' + 지금사진 + '00vw)');
지금사진 -= 1;
})

[codingapple]

네 근데 변수를 다시 만들 필요는 없을듯요 

근데 사진이 몇개있든간에 다음버튼 누를 때마다 계속 -700 -800vw 이렇게 끝없이 증가하겠군요 

[Frank]

안녕하세요.

그러면 사진의 갯수만큼 다음버튼이 작동이 되려면 어떻게 설정을 해야할까요?

 

가령 사진이 5개 있으면 -500vw 까지만 작동이 되려면 어떻게 코드를 짜야할까요?

[codingapple]

지금사진 변수가 실제사진갯수랑 비교해서 더 크거나 그러면 

transform 하지말라고 if같은거 추가하는게 어떨까요 

[글쓴이]

글