인터렉티브 웹 5-2 - 스틸컷 마우스 클릭,드래그

HTML 0 COLLECTION COLLECTION menu item menu item menu item menu item STORE LOCATION STORE LOCATION menu item menu item menu item menu item ADVERTISEMENT ADVERTISEMENT menu item menu item menu item menu item ONLINE STORE ONLINE STORE menu item menu item menu item menu item CONTACT CONTACT menu item menu item menu item menu item CORPORATE CORPORATE menu item menu item menu item menu item Terms of ..

2022.03.17

jQuery Swiper

jQuery Swiper PC, Mobile 2가지 환경에서 사용하기 위해 2가지 이벤트를 한번에 줘야 한다. 초기 Y값과 마지막(드래그 후) Y값을 비교하여 어떤 방향으로 swipe 되었는지 if문을 사용해 걸러낸다. 이벤트 주기 $('선택자').on(touchstart mousedown) $('선택자').on(touchend mouseup) 페이지 Y좌표 구하기 startY = e.pageY; // pc(마우스) e.originalEvent.touches[0].pageY; // touchstart Y좌표 모바일(터치) e.originalEvent.changedTouches[0].pageY; // touchend Y좌표 모바일(터치) start, down 과 end, up Y좌표 비교하기 if( sta..

2021.12.27