JS-Swiper

Swiper

HTML, CSS, JS 에서 반응형 슬라이드 및 스와이프 기능을 쉽게 구현할 수 있도록 해주는 라이브러리

https://swiperjs.com/

사용방법

1) HTML에 Swiper 라이브러리 삽입

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

2) HTML에 Swiper 컨테이너 생성

<div class="swiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div>
  </div>
</div>