Webサイトに使われることが多い「スライダー機能」ですが、主にjQueryを使用したスライダーが多く使われてきました。 この記事では、jQuery不要のスライダー「Swiper」の使い方とオプションによるカスタマイズ方法をご紹介していきます。 ≫ 先にカスタマイズについてみる方はこちら Swiperの使い方 ※追記:最新版であるバージョン8の使い方を追記しました。 HTML(CDN:バージョン8) バージョン8では、CDNの読み込み先が変わっています。また、ダウンロードはこちらから可能です。(※ダウンロードするバージョンは適宜変更してください。) これから使用する場合は、最新版を使用することをおすすめします。 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">