こんにちは、工藤です。
モーダルウィンドウについて調べるがあり、いい機会なのでまとめてしまいたいと思います。
目次
モーダルウィンドウとは？
ちなみにモーダルウィンドウとは図で説明するとこんな感じです。
なんとなく見たことがあります・・よね？詳しい事はwikipediaで。
jモーダルウィンドウ プラグイン
lightbox2
http://lokeshdhakar.com/projects/lightbox2/
モーダルウィンドウと言ったらコレかなと思います。完全に初心者だった時も苦戦せずに設置することができました。
シンプルながらエフェクトなども含めてとてもきれいに表示してくれます。
leanModal
http://leanmodal.finelysliced.com.au/
テキストのみでただ単にモーダルを使用したい！という時にはこれがおすすめです。すごくシンプルで軽量なプラグインです。
画像も使用はできますがギャラリー表示はできないのでそのあたりは注意が必要です。
fancyBox
一見シンプルな感じなのですが、様々なエフェクトが用意されているプラグインです。
『fancyBox』の方は無料なのですが『fancyBox2』になると商用では有料になってしまいます。
その分レスポンシブ対応など様々な機能が追加されていますね。
Remodal
http://vodkabears.github.io/remodal/
表示がきれいで軽量なプラグインです。何といってもレスポンシブに綺麗に対応してくださっているのがありがたいです。
上記のサイトで確認していただけると分かりますが、ウィンドウを小さくすると画面全体に広がるようなイメージになります。
POP EASY
http://thomasgrauer.com/popeasy/
まずwebサイトがすごくきれいですね。モーダル自体のデザインもきれいで、使用するサイトにあわせて色を変えるぐらいですぐ使用できてしまいます。
画像やテキストなどはもちろん、動画やiframeでの表示も可能です。
jQuery Custombox
http://dixso.github.io/custombox/
上記サイトの左側のサンプルをクリックしていただけると分かりますが、とにかくエフェクトが豊富です。動きに印象を持たせたい！という時にはもってこいですね。
『Letmein』だとかは最初びっくりしてしまいました・・。
それぞれの特徴があるのでその時に応じて使っていくことができるといいですね！
それでは。
