easyModal.js のバックアップ汗尸(No.1)

バックアップ办枉
附哼との汗尸を山绩
ソ〖スを山绩
easyModal.js へ乖く。
- 1 (2015-05-30 (炮) 00:29:25)
- 2 (2015-05-30 (炮) 00:52:32)
- 3 (2015-05-30 (炮) 11:43:16)
- 4 (2015-05-31 (泣) 13:49:51)
- 5 (2015-06-01 (奉) 20:01:10)
- 6 (2015-06-20 (炮) 00:48:54)
- 7 (2015-07-01 (垮) 00:05:02)

纳裁された乖はこの咖です。
猴近された乖はこの咖です。

[[Programing]] > easyModal.js

#title("easyModal.jsの蝗い数 - ほどよい怠墙のモ〖ダルライブラリ")

Javascript/jQueryのモ〖ダルウィンドウ脱ライブラリを玫していたら、easyModal.jsが缄ごろな炊じだったので、そのメモ。

- leanModal.jsにインスパイア
- もう警し怠墙がそろっている
- CSSとかimageファイルとか稍妥
- jQueryプラグイン(1.8.0 笆惯)
- MITライセンス


* ダウンロ〖ド [#i6f93ec9]

- 塑踩/マニュアル http://flaviusmatis.github.io/easyModal.js/
- Github http://flaviusmatis.github.io/easyModal.js/


* 肋弥数恕 [#i1ab0190]


* オプション [#uf46c8be]

そこそこオプションが郊悸しています。

** オプションの回年 [#xa15f341]


こんな炊じで、オプションを回年する

 $(function() {
 	$(selector).easyModal({
 		top: 100,
 		autoOpen: true,
 		overlayOpacity: 0.3,
 		overlayColor: "#333",
 		overlayClose: false,
 		closeOnEscape: false
 	});
 });

** オプションの硷梧 [#z3e3935e]

こんなオプションがあります。

- top - Sets the top offset of your modal window, accepts any integer value.
-- デフォルト "auto"
- autoOpen - If set true, the modal will be opened immediately after initialization.
-- デフォルト false
- overlayOpacity - Sets the overlay opacity.
-- デフォルト 0.5
- overlayColor - Sets the color of the overlay.
-- デフォルト "#000"
- overlayClose - If set false, the modal will not be closed when the overlay is clicked.
-- デフォルト true
- overlayParent - Sets a custom parent for your modal.
-- デフォルト "body"
- closeOnEscape - If set false, the modal will not be closed when the escape key is pressed.
-- デフォルト true
- closeButtonClass - The class of your close buttons included in the modal.
-- デフォルト ".close"
- onOpen - Callback function called when the modal is opened.
-- 苞眶 the modal window

 $(function() {
 	$(selector).easyModal({
 		overlayClose: false,
 		onOpen: function(myModal){
 			$(myModal).append('Opened!');
 		}
 	});
 });

- onClose - Callback function called when the modal is closed.
-- 苞眶: the modal window

 $(function() {
 	$(selector).easyModal({
 		overlay : 0.4,
 		onClose: function(myModal){
 			$(myModal).append('Closed!');
 		}
 	});
 });

- zIndex - Function called for calculating the modal z-index.
-- デフォルト The default function returns the highest z-index for any element in the page + 1.
- updateZIndexOnOpen - Wheter the z-index should be calculted, using the zIndex function, before the modal opens. When set to false, the z-index is calculated and set once on initialization.
-- デフォルト true
- hasVariableWidth - If you're planning to use a modal with variable width (e.g. 60%), set this to true in order to get it correctly centered at all times.
-- デフォルト false