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

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

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

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

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

スライダーに合わせてサムネイルも動いていく。サムネイルをクリックするとメイン画像として表示される。

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

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

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

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

→　無限ループスライダー