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

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

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

一番ベーシックなデザインのスライドショー

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

右から左にスライドする動きをする。デフォルトより少しゆっくりめに切り替わるようにしている。

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

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

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

→　無限ループスライダー

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