swiper

Swiper는 모바일 웹사이트, 웹 앱, 네이티브/하이브리드 앱을 위한 무료 현대 모바일 터치 슬라이더로 설계되었습니다. 현대 플랫폼에 초점을 맞추어 부드럽고 하드웨어 가속된 전환 및 네이티브와 유사한 동작을 제공합니다. README에 명시된 주요 기능: - 트리 쉐이크 가능: 사용 중인 모듈만 번들에 가져옵니다. - 라이브러리 Agnostic: jQuery 또는 유사한 라이브러리에 의존하지 않으며, 필요 시 함께 사용할 수 있습니다. - 기본적으로 1:1 터치 이동이며, 비율은 구성 가능합니다. - Mutation Observer 지원: DOM 변경 시 자동 재초기화 및 재계산을 수행합니다. - 사용자 정의 페이지네이션, 탐색 버튼, 패럴랙스 효과 등을 구축할 수 있는 풍부한 API. - 올바른 레이아웃을 갖춘 완전한 RTL 지원. - 열당 슬라이드 수를 구성 가능한 다중 행 슬라이드 레이아웃. - 전환 효과: Fade, Flip, 3D Cube, 3D Coverflow. - 양방향 제어: 다른 Swiper를 제어하고 동시에 제어될 수 있습니다. - 내장 탐색 요소: 페이지네이션, 탐색 화살표, 스크롤바. - Flexbox 기반 슬라이드 레이아웃, 순수 CSS로 구성 가능. - 유연한 슬라이드 그리드: 뷰당, 열당, 그룹당 슬라이드 수, 슬라이드 간 간격 등을 제어할 수 있습니다. - 비활성 슬라이드의 이미지 지연 로드. - DOM에 필요한 슬라이드만 유지하는 Virtual Slides. - 추가 기능: 루프 모드, 자동 재생, 키보드 제어, 마우스 휠 제어, 중첩 슬라이더, 기록 네비게이션, 해시 네비게이션, 브레이크포인트 구성, 접근성(A11y). 이 프로젝트는 playground 폴더에 Core(HTML/JS), React, Vue용 데모를 제공합니다. 프로덕션 빌드는 dist/ 폴더에서 이용 가능합니다. 개발 및 프로덕션 빌드 명령은 문서화되어 있습니다. 기여는 src/ 파일을 대상으로 합니다.