[js] swiper 기본 옵션 설명

Swiper는 모바일 및 웹 환경에서 사용할 수 있는 강력한 터치 기반 라이브 클래스입니다.

반응형 디자인을 지원하며, 손쉬운 사용자 인터페이스와 다양한 옵션을 통해 갤러리, 카루셀, 배너 등을

보호할 수 있습니다. 

내장 콘텐츠 로딩, 멀티 슬라이더 및 다양한 애니메이션을 제공하여 사용자를 제공합니다.

 

Swiper의 기본 초기화

var swiper = new Swiper(".swiper-container", {
  option1: value1,
  option2: value2,
  ...
});

• .swiper-container: Swiper를 적용할 HTML 요소의 클래스입니다.
• 옵션 : 슬라이더의 동작을 커스터마이징할 수 있는 설정값입니다.

 

옵션	기본값	설명
slidesPerView	1	한 번에 슬라이드 설명. auto로 설정은 동적으로 결정하는 것입니다.
spaceBetween	0	슬라이드 간(픽셀 단위).
initialSlide	0	시작 슬라이드의 방향(0부터 시작).
direction	'horizontal'	슬라이드 방향( horizontal또는 vertical).
loop	false	슬라이드를 무한 반복 설정합니다.
speed	300	슬라이드 전환 속도(밀리초 단위).