Glide.js로 슬라이드 쇼 만들기

Glide.js

설치

npm

npm install @glidejs/glide

GitHub

불러오다

<link rel="stylesheet" href="./@glidejs/glide/dist/css/glide.core.min.css">

<script src="./@glidejs/glide/dist/glide.min.js"></script>

<div class="glide">
  <div class="glide__track" data-glide-el="track">
    <ul class="glide__slides">
      <li class="glide__slide">画像１</li>
      <li class="glide__slide">画像２</li>
      <li class="glide__slide">画像３</li>
    </ul>
  </div>
</div>

<script>
    new Glide('.glide', {
      autoplay: 2000
    }).mount()
</script>

견본