<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> 最新版は公式ページを確認してください。 Use Swiper from CDN - Swiper ※バージョンが変わるとパラメータの書き方が変わることがあるので注意。 本記事は11.0.5(2023年11月22日リリース版)対応の内容です。 .cssは<HEAD></HEAD>内に追加します。 .jsは<BODY></BODY>内の方が多少ページの描画が速くなります。(Swiper設置箇所より前に読み込む) 自分のサーバーに置きたい人は、Git
![サンプル付き!簡単にスライドを作れるライブラリSwiper.js超解説(基礎編) | ガリガリコード](https://cdn-ak-scissors.b.st-hatena.com/image/square/3dc32370859019c9f088a94fdd11a659e79ebc55/height=288;version=1;width=512/https%3A%2F%2Fgarigaricode.com%2Fwp-content%2Fuploads%2F2018%2F07%2Fswiper.png)