HTMLに埋め込むスライダーのプラグイン
最近、すごくアナログにWEBサイトを作っていて、スライダーを自作しました。
一方で、そんなことをしなくてもスライダーのプラグインなどは世の中にたくさんあるので、ちゃんと実装するときはプラグインを使おうと思っています。
このため、今後使うかもしれないプラグインをちょっとまとめておこうとお思います。
目次
jQuery不要のスライダープラグイン
あまりプラグインを沢山いれると、管理が面倒なのでJqueryの無いものを探してきました。
Splide
軽量かつ高速なスライダーライブラリで、jQueryを必要としません。レスポンシブデザインにも対応しており、スタイルを自由にカスタマイズできます。
glide.js
軽量かつ高速なスライダーライブラリで、jQueryを必要としません。レスポンシブデザインにも対応しており、スタイルを自由にカスタマイズできます。
jQueryが必要なスライダープラグイン
まだまだ現役?なjQueryのプラグインです。
Slick
高度なカスタマイズが可能なレスポンシブ対応の画像スライダープラグインです。スライダーのデザインやアニメーションを自由に設定できます。
Owl Carousel
Owl Carouselは、リッチなスライダーを簡単に実装できるjQueryプラグインです。タッチスワイプやアニメーションのカスタマイズに対応しています。
最後に
今後、どれかのプラグインを使って実装をしていくと思います。その時は、改めて使い方をこのサイトでまとめていこうと思います。