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

目次

簡単で便利なLightboxを探す

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

Fancybox

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

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

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

https://github.com/fancyapps/fancybox

CDN

カスタマイズ参考

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

Lightcase

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

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

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

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

CDN

Slimbox2

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

前へ

PHPのincludeをLazy Includeで簡単に非同期化して高速化!

次へ

ホームページの背景として動画を埋め込む際に行うことや気を付けること