【jQuery】モバイルにも対応したLightbox以外のモーダルウィンドウプラグイン

簡単で便利なLightboxを探す

画像ギャラリーの写真を拡大するLightboxで、モバイルに対応していて、設置が簡単で操作性たいいものを探してして見つけたものをメモ。

Fancybox

モバイルにも対応していて、設置が簡単。モーダルで表示したら「前へ」「次へ」と画像を切り替えることができ、Youtube、vimeo、GoogleマップのiFrameにも対応している。jQueryが必要。

fancybox | premium javascript ui component library

https://fancyapps.com/docs/ui/fancybox/

github - fancyapps/fancybox: jquery lightbox script for displaying images, videos and more. touch enabled, responsive and fully customizable.

https://github.com/fancyapps/fancybox

CDN

@fancyapps/ui cdn by jsdelivr - a cdn for npm and github

https://www.jsdelivr.com/package/npm/@fancyapps/ui

カスタマイズ参考

オプション設定例等、参考ページ

【jquery】fancybox3のオプションをまとめました - フロントエンドエンジニア日記

https://me2.jp/blog/javascript/jquery_fancybox3_option.html

Lightcase

これもモバイルやYoutubeに対応しているが、Fancyboxの方が使いやすそう。jQueryが必要。

https://cornel.bopp-art.com/lightcase/

github - cbopp-art/lightcase: the smart and flexible lightbox plugin.

https://github.com/cbopp-art/lightcase

CDN

lightcase cdn by jsdelivr - a cdn for npm and github

https://www.jsdelivr.com/package/npm/lightcase

Slimbox2

これもjQueryがあれば使えますが、モバイルには対応していません。

slimbox 2, the ultimate lightweight lightbox clone for jquery · digitalia.be

https://www.digitalia.be/software/slimbox2/

PAGETOP