-
miniModalの基本的な使い方のDEMOです。
画像、iframe、インライン、外部ファイルそれぞれのタイプのモーダルウィンドウのDEMOがあります。
-
galleryオプションの基本的なDEMOです。multipleLinkやcoutnerの挙動も確認できます。
- 使用オプション
- modalBtnClass
- gallery:{ enable
- multipleLink
- counter
- counterPosition }
-
閉じるボタンのカスタマイズに関するDEMOです。
miniModalではインラインタイプや外部ファイルタイプでは閉じるボタンを複数設置することも可能です。
- 使用オプション
- modalBtnClass
- close:{ contentOut
- btnClass
- el }
-
galleryオプションのカスタマイズに関するDEMOです。
miniModalではgallery使用時の、前へボタン、次へボタン、カウンターのカスタマイズができます。
前へボタン、次へボタンはインラインタイプや外部ファイルタイプでは複数設置することも可能です。
- 使用オプション
- modalBtnClass
- gallery:{ enable
- multipleLink
- contentClass
- contentOut
- prevEl
- nextEl
- prevClass
- nextClass
- counter
- counterEl
- counterPosition }
-
このDEMOはモーダルオープン時やクローズ時などのアニメーションについてのDEMOです。
オプションだけではなく、イベントも使用していきます。
- 使用オプション
- modalBtnClass
- bgClass
- contentClass
- gallery:{ enable
- multipleLink
- contentClass }
- 使用イベント
- btnClick
- open
- prevClick
- nextClick
- prevOpen
- nextOpen
- beforeClose
- 使用メソッド
- classClear
-
galleryの前へ、次への遷移のアニメーションを中心としたDEMOページです。
- 使用オプション
- modalBtnClass
- gallery:{ enable
- multipleLink
- contentClass }
- 使用イベント
- prevClick
- nextClick
- prevOpen
- nextOpen
- 使用メソッド
- classClear
-
counterのカスタマイズを中心としたDEMOページです。
- 使用オプション
- modalBtnClass
- gallery:{ enable
- multipleLink
- contentClass
- counter
- counterEl
- counterPosition }
- 使用イベント
- open
- prevOpen
- nextOpen
- 使用メソッド
- getCurrent
- getTotal
- classClear