안녕하세요, 계속 직접 코드를 짜보다가 도저히 안 되겠어서 여쭤봅니다!
<button class="next">다음</button>
<button class="before">이전</button>
<script>
$('.next').on('click', function(){
$('.slide-container').css('transform','translateX(-' + 지금사진 + '00vw)');
지금사진 += 1;
});
$('.before').on('click',function(){
$('.slide-container').css('transform','translateX(-' + (지금사진-1) + '00vw)');
지금사진 -= 1;
});
</script>
1. 위와 같이 코드를 짰을 때 다음 버튼을 계속 클릭하면 3번에서 안멈추고 쭉쭉 넘어갑니다.
이를 방지하기 위하여 코드를 짜보았는데 계속 실패하여 어찌 짜야할지 방향성을 알려주시면 감사하겠습니다.
( if문을 계속 시도하여 봤는데 자꾸 완벽하지가 않습니다.)
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
2. 1,2,3 버튼을 누르지 않고 다음과 이전만 눌렀을때는 다음으로, 이전으로 잘 넘어가는데
1번 2번 3번 버튼을 클릭한 후 다음이나 이전 버튼을 클릭하였을 때는 동작을 하지 않습니다.
이럴 경우에는 코드를 어떻게 수정하여야 할까요?
(2번 추가 질문 - 동작이 될 때도 있지만 여러번 클릭하여 보면 또 갑자기 동작을 하지 않습니다.
정말 해결하고 싶습니다.. 이 또한 방향성을 알려주시면 감사하겠습니다 ㅜㅜ)
