FullScreen Popup
How to use
Include the script to your document:
<script src="../dist/jquery.fullscreen-popup.js"></script>
Set markup like this:
<a class="open-popup" href="#popup">Open popup</a>
<button class="open-popup" data-popup="#popup2">Open popup 2</button>
<div id="popup" style="display: none; width: 640px">...</div>
<div id="popup2" style="display: none; width: 640px">...</div>
And init plugin:
$(".open-popup").fullScreenPopup();
With options:
$(".open-popup").fullScreenPopup({
bgColor: "#fff",
inlineStyles: true,
lockDocumentScroll: true,
mainWrapperClass: "fsp-wrapper",
contentWrapperClass: "fsp-content",
closePopupClass: "fsp-close",
animationSpeed: 200, //ms
});