スワイプで次の画像が表示されるjQueryのみで実装した画像のスライドです。
jQueryを利用したプラグインのスライダーや、利用しないプレーンなスライダーもありますが、結局いろんな要求に答えるには自分で調整しないとならないことがあります。
出回っているカルーセルスライダーのオプション機能で対応できないこともしばしば…。
そこでjQueryのみでスライダーを以下の点に考慮して作りました。
・スワイプで前後の画像が表示される。
・ボタンでも前後の画像が表示される。
・ボタンはアクティブ、非アクティブになる。
・画像の幅や高さはスタイルやJSで指定できる。
・画像は高さの中間に画像が配置される。
・複数設置しても動作が混同しない。
