モーダルウィンドウを簡単に実装できる「Modaal」プラグインの使い方

写真などを拡大表示させて、ユーザーに見せるときに、有効なのがポップアップモーダルですが、
プラグインを使用することで簡単に実装が可能です。

http://humaan.com/modaal/

■必要ファイル
ZIPフを解凍した中にに入っている「modaal.min.js」と「modaal.min.css」だけです。

]

基本的な設定はhttp://humaan.com/modaal/にある通りで、

■HTML

Show

    ポップアップに表示させる内容

■JS

$(".inline").modaal();

href=”#inline”にポップアップに表示させるID名を指定します。
ギャラリー表示では、スライダーのように次の画像を表示させたりなどが可能です、

■HTML

Show
Show
Show

■JS

$('.gallery').modaal({
    type: 'image'
});