This time I will share jQuery Plugin and tutorial about Customizable Browser Pop-up Window Plugin With jQuery – popup.js, hope it will help you in programming stack.
popup.js is a lightweight, easy jQuery plugin which allows to open specified links in a new highly customizable popup window.
How to use it:
1. Just load the jQuery popup.js script after jQuery library and you’re ready to go.
1 |
< script src = "//code.jquery.com/jquery.min.js" ></ script > |
2 |
< script src = "jquery.popup.js" ></ script > |
2. Create a link on the webpage that will be displayed in a new browser window when clicked.
3. Customize the popup window with the following html data
attributes.
data-name: ''
: name of the popup window
data-width
: 640: width of the popup window
data-height
: 480: height of the popup window
data-position
: ‘center’: position of the popup window
data-top
: null: top position
data-left
: null: left position
3 |
data-popup-width = "1024" |
4 |
data-popup-height = "768" > |
This awesome jQuery plugin is developed by gsmeira. For more Advanced Usages, please check the demo page or visit the official website.