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

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

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

メインの画像を真ん中に配置して、左右に見切れた画像を表示

オートで動いてループする。左右の矢印を押すと進んだり戻ることができる。スワイプでも移動する。

スライドの表示数を2枚にしてから、メインの画像を真ん中に表示させている。

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

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

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

→　無限ループスライダー

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