PIGNOSE Popup

Default Modal

Following Modal

Colour Modal

options

name	value	default	description
animate	boolean	true	Use animation when popup opened.
btn_close	string	.btn_close	This option provide to bind to close of popup function on button by jQuery Select as String type.
escape	boolean	true	This option provide to bind to close function on background of popup.
theme	string	none	Custom class name for modal window.
scroll	boolean	false	This option modal will follow your scroll top.

bower

If you use bower

bower install pg-popup

npm

If you use npm

npm install pg-popup

sample

<div id="pg-default" class="pignose-popup">
	<div class="item_header">
		<span class="txt_title">Default Modal</span>
		<a href="#" class="btn_close"><img src="demo/img/icon_close.gif" alt="close modal" /></a>
	</div>
	<div class="item_content">
		<pre><code class="language-js">('#pg-default').pignosePopup();</code></pre>
	</div>
</div>

$('.button.pg-default').bind('click', function(event) {
	event.preventDefault();
	$('#pg-default').pignosePopup();
});

.pignose-popup {
	font-family: 'Raleway', 'helvetica', 'sans-serif';
}