swiper.jsをCDNで読み込む

swiper 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スライダーのデモ19選

スポンサーリンク

レバテックキャリアの広告画像

You can subscribe by SNS

スポンサーリンク

コメントを残す

*