Swiperによるスライダーの実装

htmlの記述は決まっているクラス名を使う必要がある。詳しくはNotionの解説を参照。

→　Notionの解説ページへのリンク

無限にループするスライダー

オートで動いてループする。矢印とページボタンは消している。

マウスをホバーすることで動きが止まる。

他タイプのスライダーへのリンク

→　ベーシックな右から左に動くスライダー

→　画像の切り替わりをフェードに変更したもの

→　真ん中にメインの画像＋左右に少し見切れた画像

→　サムネイルと連動するスライダー