miniModal

ミニマムなモーダルウィンドウを実装するJavascriptプラグイン

DEMO4

galleryオプションのカスタマイズに関するDEMOです。

miniModalではgallery使用時の、前へボタン、次へボタン、カウンターのカスタマイズができます。

前へボタン、次へボタンはインラインタイプや外部ファイルタイプでは複数設置することも可能です。

INDEX

DEMO

gallery demo1

このDEMOではgalleryオプションのcontentOutをtrueにしたときの挙動を確認できます。

通常、矢印ボタンは .mmdl-content 要素の中にありますが
それを.mmdl-content 要素の外に出すオプションです。

デフォルトのモーダルウィンドウのマークアップ


gallery demo2

このDEMOではgalleryオプションのprevEl、nextElを変更した場合を確認できます。


gallery demo3

このDEMOではgalleryオプションのcounterElを変更した場合を確認できます。


gallery demo4

このDEMOでは前へボタン、次へボタンの複数設置に関するDEMOを確認できます。

CSS

Javascript

使用ファイル

  • miniModal.min.js
  • miniModal.css
前へ次へ
前へ次へ
前へ次へ
前へ次へ
前へ次へ
前へ次へ