PIGNOSE Popup Demo

Default 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.

bower

If you are using bower serive.

bower install pg-popup

npm

If you are using npm serive.

npm install pg-popup

<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="assets/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>

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