INDEX
DEMO
animation demo1
モーダルオープン時、モーダルクローズ時にフェードイン・フェードアウトのアニメーションを追加した例です。
アニメーションはcssで付けていて、javascriptで制御しているのはクラスの追加・削除です。
画像を表示
YouTubeを表示
Google Mapを表示
animation demo2
galleryオプション時の前へ、次へにアニメーションを追加した例です。
モーダル表示
animation demo3
animation demo1 と animation demo2を合わせたDEMOです。
モーダル表示
CSS
Javascript
使用ファイル
- miniModal.min.js
- miniModal.css