ModalBox

Easy to integrate jQuery responsive Modal box / Popup window

The plugin Modal Box helps you to create a window that pops up in front of other elements on your page. It can be used for advertisements, subscription form, uploading forms, login/register forms or for displaying a simple message to the visitor.

Quick start

1. Load jQuery and include Modal box plugin files

<link rel="stylesheet" type="text/css" href="dist/modal-box.min.css" /> <script src="jquery.js" type="text/javascript"></script> <script src="dist/modal-box.min.js" type="text/javascript"></script>

2. Set up your HTML

<div id="my-modal">modal box - content</div> <button type="button" id="open-modal">Open modal</button>

3. Call the plugin

$(document).ready(function() {     $("#my-modal").wgModal({         triggerElement: '#open-modal',     }); });

Documentation

For the whole functionality of Modal box, see documentation.