/carousel

무한 Carousel 구현

Primary LanguageJavaScript

Carousel

원티드 프리온보딩 프론트엔드 코스 선발 과제를 계기로 라이브러리 없이 구현한 무한 슬라이드입니다.
자세한 구현 과정 및 내용은 Blog에 작성해두었습니다.
주요 기능은 다음과 같습니다.

  1. 버튼 클릭 시 슬라이드 이동
  2. 자동 슬라이드
  3. 무한 슬라이드
  4. 커서가 슬라이드 위에 있거나 화면 resize 시 슬라이드 멈춤
  5. 마우스 혹은 터치로 swipe 시 슬라이드 전환

결과 화면