swiper.jsをCDNで読み込む

Swiperスライダーを作成するswiper.jsのCDNを載せています。
CDNを使用するすれば、ライブラリをダウンロードせずにSwiperスライダーの作成ができます。
CSSも載せているので見た目も整えてくれます。

<!-------------- Swiper CSS ------------------------------------------------------------->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
<!-------------- Swiper JS -------------------------------------------------------------->
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>

上記では、現時点（2022年9月時点）で最新のCDNを使用しています。
CDNの最新バージョンはこちらの公式サイトでご確認いただけます。
https://swiperjs.com/get-started#use-swiper-from-cdn

Swiper jsを使用したスライダーの具体的な作り方はこちらに記しています。
Swiper.jsでスライダーを実装する

また、下記記事ではswiper.jsで作成できる様々なスライダーを紹介しています。
Swiperスライダーのデモ16選