캐러셀, 사진이 많아질 때, 이전 버튼 구현하기 질문입니다.

[Frank]

선생님 안녕하세요.

캐러셀 문제 관련하여,
사진이 많아 질 때 , 다음버튼과 이전버튼 구현 질문이 있습니다.

선생님께서 말씀해주신대로 다음버튼의 경우 구현이 가능하였지만,
이전버튼의 경우, 이미 기준점이 다음버튼의 기준점으로 되어있는지 계속 이상하게 작동이 되고 있습니다. 
기준점을 다시 잡아야 할 것 같은데, 이미  다음버튼에 var 지금사진 =1로 기준점이 잡혀있어서, 어떻게 다시 잡아야할지 모르겠네요 ㅠㅠ

[codingapple]

현재 3번사진보이고 있을 때 
이전버튼누르면 -100vw 되어야하고 
현재 2번사진보이고 있을 때 
이전버튼누르면 -0vw 되어야할거같은데
그렇게 코드짜봅시다

[Frank]

혹시 현재 3번 사진 보이고 있을 때
변수를 주는게, 아래와 같은게 맞을까요?

if(지금사진 ===3 ){
$('.before').on('click',function(){
..(생략)  translateX(-100vw)
}

그렇게되면 사진이5장 10장, 100장씩 늘어난다면 어떻게 코드를 짜봐야할까요?

가령)
지금사진이 4일 때 -200vw,
지금사진이 3일 때 -100vw,
지금사진이 2일 때 0vw

.. 이렇게 적으면 될 것 같은데. .사진의 수가 많아지면 손으로 적기에는 한계가 있을 것 같아서요!

[codingapple]

버튼누르면 -(지금사진-2)00vw 만큼 이동하라고 코드짜면 되겠군요

[글쓴이]

글