overlayBox

This a new overlay Jquery Plugin.
It has a simple configuration, fast plugin and compatible the all modern browser.

Support Browsers:

• IE9 and above
• Chrome
• Firefox

Configuration:

Options

• layoutId: ''; This is a contentId, where the page begin. This optional.
• closeBtnId: '#overlay-close'; This is a close button DOM id and default value.
• contentBlockWidth: ''; The overlay content block of width.
• onOverlayLoaded: function(el); This is a function property. This run, when the overlay is displayed.
• onOverlayClosed: function(); This is an another function property. This run, when the overlay is closed.

HtmlData (3 property)

• 1. $(this); Where the element has a click event.
• 2. Just a string or html template.
• 3. Server data configuration(Ajax).
  • method: ''; POST or GET
  • dataType: ''; HTML, JSON, ETC. Like Jquery.
  • url: ''; Data url
  • loaderIcon: ''; LoaderIcon url
  • loaderId: ''; Loader DOM Id name
  • error_404_html: ''; HTML template

Demos:

You find 3 demo page in the Demos folder.
Note: If click on the overlay - not on the overlay content - the overlay is closed.