JavaScriptおすすめスライダー系プラグイン
Webサイト制作にあたりスライダー系の演出は必須といっても過言ではないです。
そこでおすすめのJavaScriptスライダープラグイン23選をご紹介します。
Slick.js
カスタマイズ可能なカルーセル型スライダー。レスポンシブデザインに対応し、多彩なオプションを提供しています。
slick.jsを使った複数画像スライダープラグイン
slick.jsを活用してmp4およびYouTube動画を効果的にスライド表示する方法
slick.jsを使って画像を徐々に拡大させながら切替表示する方法【jQuery】
Swiper.js
レスポンシブでタッチ対応のスライダー。カルーセル、スライドショー、カード表示など様々なスタイルに対応しています。
Swiper.jsを使ったレスポンシブ対応の複数画像スライダープラグイン
Owl Carousel
レスポンシブでカスタマイズ可能なカルーセルスライダー。タッチ対応やアニメーションオプションなども豊富です。
タッチ、スワイプ、マウスホイール、レスポンシブに対応したスライダーOwl Carousel 2【jQueryプラグイン】
Glide.js
シンプルながらもカスタマイズ可能なスライダーライブラリ。レスポンシブデザインに対応しており、多くのトランジションオプションが利用できます。
Glide.jsプラグインで魅力的なスライダー表示をする方法
bxslider.js
レスポンシブ、トランジションエフェクト、自動再生、タッチスワイプ等に対応した汎用的なスライダー。
jquery.bxslider.jsで複数画像のスライダーを簡単に作成する方法
ItemSlide.js
上下左右スワイプ対応のモバイルフレンドリーなスライダー。上下左右スワイプ、スクロール、クリックするとスライドできます。
itemslide.jsで作るモバイル対応スワイプ機能付きスライダーの実装方法
lightSlider.js
カスタマイズ可能なスライダーギャラリーを実装するためのjQueryプラグイン。画像、テキスト、ビデオなどのコンテンツをスライドショー形式で表示できます。
lightSlider.jsでスワイプ対応の画像スライドギャラリーを作る完全ガイド
Splide.js
軽量で高性能なスライダーライブラリであり、スライドショーやカルーセルを簡単に実装。モダンなウェブ開発に適した特徴を備えており、jQueryに依存しない純粋なJavaScriptのライブラリ。
Splide.jsで実現するスマートなスライダー
Slider Pro
高度なカスタマイズと多機能なスライダーギャラリーを実装するためのjQueryプラグイン。画像、ビデオ、HTMLコンテンツなどをスライドショーとして表示できます。
jquery.sliderPro.jsで作るレスポンシブ対応・縦横スワイプ対応の画像スライダー
Tiny Circleslider
jQueryベースの軽量な円形のスライダープラグイン。画像やコンテンツを円形に配置し、ユーザーがスライドして切り替えることができます。
jquery.tinycircleslider.jsを使ってサークル（円）状の画像スライダーを自分で作ってみよう！
続き・その他のおすすめスライダープラグインはこちら↓
JavaScriptおすすめスライダー系プラグイン23選
Discussion