diff --git a/README.md b/README.md index 59d8d92..d847005 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ By contrast, this plugin handles the two most common scenarios I run into * displaying an existing DOM element * loading a page with AJAX -and does so with as little HTML & CSS as possible -- and **no images.** +and does so with as little HTML & CSS as possible. # Installation @@ -78,6 +78,20 @@ However, when this occurs, you will probably want to at least re-center the moda $.fn.modal.resize() +# Options + +These are the supported options and their default values: + + $.fn.modal.defaults = { + overlay: "#000", // Overlay color + opacity: 0.75, // Overlay opacity + zIndex: 1, // Overlay z-index. + escapeClose: true, // Allows the user to close the modal by pressing `ESC` + clickClose: true, // Allows the user to close the modal by clicking the overlay + showClose: true // Shows a (X) icon/link in the top-right corner + modalClass: "modal", // CSS class added to the element being displayed in the modal. + }; + # Events The following events are triggered on the modal element at various points in the open/close cycle. Hopefully the names are self-explanatory. diff --git a/close.png b/close.png new file mode 100644 index 0000000..4de4396 Binary files /dev/null and b/close.png differ diff --git a/examples/index.html b/examples/index.html index 56b27ca..d146250 100644 --- a/examples/index.html +++ b/examples/index.html @@ -10,7 +10,8 @@