v2.5.0

Responsive and lightweight modal plugin.

Examples

Target (DOM element)

html

Element target example 
My #target element
My #target element
Element target example

Tip:A helper class ('.edbox-target') is applied to the target element when it gets inside the modal. So, if you want to show it only when it's inside the modal, set "display: none" to it and "display: block" on helper class.

Tip:Use {copy: true} option or data-box-copy="true" attr tag to render a copy/clone of the target element instead of the element itself. This option only works with target option.

HTML or Text

html

  HTML content example

js

$('.link-html').edbox();
HTML content example

URL load

html

 URL load example

js

$('.link-url').edbox({ //add an extra class to the modal for an especific style addClass: 'example-url', width: 900 });
URL load example

Image load

html

Image load example

js

$('.link-image').edbox({ image: 'curitiba-brazil.jpg' });
Image load example

Alerts

//Success $.edbox({ success: 'Success request!' }); //Info $.edbox({ info: 'Some text or  info!' }); //Warning $.edbox({ warning: 'Warning, do not go ahead!' }); //Danger $.edbox({ danger: 'Sorry,
unespected error!' });