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


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

http://humaan.com/modaal/

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

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

■HTML

■JS

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

■HTML

■JS