Embla Carousel

Embla Carouselは滑らかに動くスワイプ可能な非依存型のカルーセルライブラリです。使い方も簡単です。

上にサンプルを用意しました。ベーシックなタイプで無駄もなく、タッチデバイスフレンドリー、汎用性も高くて、とても使いやすい印象です。

動きも滑らかでストレスなく使えます。オプションも豊富で本体スクリプトも軽量となっています。

<script src='https://unpkg.com/embla-carousel@latest/embla-carousel.umd.js'></script>

サンプルのコードです。CDNが用意されていますので使わせてもらいました。

const emblaNode = document.getElementById("embla");
const options = { loop: true };

const embla = EmblaCarousel(emblaNode, options);

オプションも豊富に用意されており、様々なシーンに対応できます。

カルーセルのスクリプトは星の数ほど出回っていますので今更感が無くもないですが、後発は、より使いやすく設計されているので知って損はないですね。ライセンスはMITとの事です。

Embla Carousel