첫 사진이 넘어간 이후로 두번째 사진에서 세번째 사진으로 넘기는 응용2번 하고 있는데,
기존 수업에서 첫 사진에서 두번째 사진으로 넘어갈때와 똑같이 하면 되는 거 같아서,
기존의 $('.slide-box').eq(0).on('mousedown', function(e){ 이 부분의 eq(0)을 1로 바꿔주어서
var 시작좌표2 = 0;
var 마우스누름2 = false;
$('.slide-box').eq(1).on('mousedown', function(e){
시작좌표2 = e.clientX;
마우스누름2 = true;
});
$('.slide-box').eq(1).on('mousemove', function(e){
if(마우스누름2 == true){
$('.slide-container').css('transform', `translateX( ${e.clientX - 시작좌표2}px )`)
}
});
$('.slide-box').eq(1).on('mouseup', function(e){
마우스누름2 = false;
if(e.clientX - 시작좌표2 < -450 ){
$('.slide-container')
.css('transition', 'all 0.3s')
.css('transform', 'translateX(-100vw)');
}
else {
$('.slide-container')
.css('transition', 'all 0.3s')
.css('transform', 'translateX(0vw');
}
})
이렇게 했는데 작동되지 않네요..ㅜㅜ 뭐가 문제일까요?