캐러셀에 스와이프 기능 만들기

[심현석]

캐러셀에 스와이프 기능 만들기에서 for 반복문을 통해 2번사진,3번사진도 적용하고 싶은데 잘 안됩니다 ㅠㅠ

var 시작좌표 = 0;
var 눌렀냐 = false;
for(let i=0; i <3; i++){
$('.slidebox').eq(i).on('mousedown',function(e){
시작좌표 = e.clientX
눌렀냐 = true;
 })
$('.slidebox').eq(i).on('mousemove',function(e){
if(눌렀냐 == true){
$('.slidecontainer').css('transform',`translateX(${e.clientX-시작좌표}px)`)
 }
 });

$('.slidebox').eq(i).on('mouseup',function(e){
눌렀냐 = false;
if(e.clientX-시작좌표 < -100 ){
$('.slidecontainer').css('transition','all 0.5s').css('transform','translateX(-100vw)');
 }else{
$('.slidecontainer').css('transition','all 0.5s').css('transform','translateX(0vw)');
 }
setTimeout(()=>{
$('.slide-container').css('transition', 'none')
 }, 500)
 });
 }
 

[codingapple]

for 쓰지 말고 2번 3번사진 기능부터 만들어보고 잘 작동하나 확인해봅시다

[글쓴이]

글