🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

PIGNOSE Popup is a lightweight yet customizable jQuery modal plugin which helps you create a popup window with a fullscreen background overlay from any html elements.

Modal popup

Documentation

PIGNOSE-Popup

PIGNOSE Popup is simple flat design modal plugin.

npm version Bower version Join the chat at https://gitter.im/KennethanCeyer/PIGNOSE

Screenshot Main

  • See demo
  • It works fine in IE 7+, FF, Chrome, Opera and Safari And OS-X safari.

Usage

  1. It is required jquery library (Download link).
  2. Import pignose.popup.min.js, Import pignose.popup.min.css in your head element.
  3. Insert a snippet like $select.pignosePopup();

If you use bower

bower install pg-popup

If you use npm

npm install pg-popup

Move dist/pignose.popup.min.js, dist/pignose.popup.min.css to your project folder.


Options

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

Colours

  • Support 5 colours (red, blue, black, orange, mint).

Question

If you found something problem of this plugin, or you have some question.

Please send me a message to use either gitter or Github issue. (gitter url is on the top of the manual)


You May Also Like