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

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

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

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

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

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