2회독중이구용~
어제 캐러셀이미지 그거 1회독때는 방법찾다가 포기 하구 다음껄로 넘어갔는데
var count = 1;
$('.next').on('click',function(){
if(count != 3){
$('.slide-container').css('transform',`translateX(-${count}00vw)`)
count++;
console.log(count)
}
});
$('.before').on('click',function(){
if(count != 1){
count--;
$('.slide-container').css('transform',`translateX(-${count-1}00vw)`)
console.log(count);
}
})
요렇게 쓰면 지금은 잘되요~ 하지만..
첨에는 <= 주고 잘됬는데 이전버튼은 먼가 이상해서 count <= 3 && count >= 2 이거까지 줘보고 카운트는 콘솔로그로 계속 보이게
하면서 숫자 바꿔보고 하다가 마지막에 != 이걸로 줬어요 이게 제일 난거 같긴한데 .. 잘하고있나요?
먼가.. 사진이 많아졌을때 if문에다가 숫자계속 주어야 하니깐~ 숫자말고 div 컨테이너 자식숫자와 비교해보다가 차일드.length 요거랑
카운터랑 비교하다가 다음버튼은 요거랑 비교하면 잘 먹는데 이전버튼은 또 안먹어서 ; 먼가 알 것 같긴한데 완전 알 것같지 않아요
찝찝함용~
