
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
CDNの最新バージョンはこちらの公式サイトでご確認いただけます。
https://swiperjs.com/get-started#use-swiper-from-cdn
Swiper jsを使用したスライダーの具体的な作り方はこちらに記しています。
Swiper.jsでスライダーを実装する
また、下記記事ではswiper.jsで作成できる様々なスライダーを紹介しています。
Swiperスライダーのデモ16選