今日は最新のJavaScriptスライダー[Splide]を紹介します。 まずは[Splide.js]の特徴をいくつかピックアップします。 jQueryなどのライブラリに依存せず単体で動く軽量(圧縮版で11kB)IE10以降対応ブレイクポイントの指定でレスポンシブ対応マウスのドラッグとタッチスワイプに対応SEOフレンドリースライダー、またはスライドショー、カルーセルに必要とされる要素はすべて揃っており、近年評価が高い[swiper.js]や[slick.js]などと肩を並べられるスペックです。 Splide → https://splidejs.com [Splide]本体ファイルをインストールSplide.jsをウェブサイトにインストールする方法は3つあります。 NPMでダウンロードCDNを利用Githubからダウンロード1.NPMの場合$ npm install @splidejs/s
![jQuery不要の最新スライダー[Splide]の使い方と全オプション](https://cdn-ak-scissors.b.st-hatena.com/image/square/8dd4cc7b4609f5515fc6e1fcbad416202d2d707c/height=288;version=1;width=512/https%3A%2F%2Fon-ze.com%2Fwordpress%2Fwp-content%2Fthemes%2Fonze-2022%2Finc%2Fthumbnail%2F600x360x80-f316a2605e7069ca64ca522819d68bbd-2021-splide.png)