Tiny-Swiper
Tiny-Swiperは軽量で拡張的な非依存のカルーセルライブラリです。他ライブラリを必要とせず、軽量ながら単体で動作、必要に応じてプラグインで拡張する事も可能です。
名前からも想定できますがタッチフレンドリーな設計にもなっており、設定もシンプルで使いやすい印象です。
<script src="https://unpkg.com/tiny-swiper@latest/lib/index.min.js"></script>
<script>
var swiper = new Swiper(".swiper-container");
</script>
本体を読みこんで対象を指定して
<div class="swiper-container">
<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 class="swiper-slide">Slide 4</div>
<div class="swiper-slide">Slide 5</div>
</div>
</div>
任意のコンテンツを用意すればいいだけ。ページネーションやマウスホイール対応、キー操作なども対応可能となっています。
汎用的で良いですね。ライセンスはMIT。
