WordPressに理想的な挙動のモーダルウィンドウを実装する。
画像モーダルに求める条件
- 画像クリックで閉じる (×ボタンや背景のクリックは面倒)
- シンプル (フレームや影やズームボタンは不要)
- アニメーション無し (ふわっと出るのは時間の無駄)
- スワイプ対応 (左右で閲覧、上下で閉じる)
- ギャラリーをホイール上下で操作
- WordPressで設定したキャプションが出る
Lightbox系プラグインを色々入れて設定してみた所、全て満たせるのはFancyBox for WordPressだけだった。大抵は「画像クリックで閉じる」か「スワイプ対応」が出来ない。
FancyBox~で機能的には申し分ないが、スワイプの挙動に不安定な所がある。PCだと横長の画像しかスワイプ出来ず、スワイプ失敗時キャプションの領域が謎に増えてゆく。(元のFancyBox3では問題ない)
「画像クリックで閉じる」以外を満たし、操作感が気持ちいいLightbox with PhotoSwipeを改変してクリックで閉じられるようにする。
続きを読む 理想のLightboxを求めた