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
ES Modulesで使う場合はCDNのURLが通常と変わるので注意が必要です。
※Swiper11からは統合されたようです。
<script type="module">
import Swiper from 'https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.esm.browser.min.js'
</script>Swiper jsを使用したスライダーの具体的な作り方はこちらに記しています。
Swiper.jsでスライダーを実装する
また、下記記事ではswiper.jsで作成できる様々なスライダーを紹介しています。
Swiperスライダーのデモ22選
