T-Shirt Pop Up is a jquery popup plugins made specially with Naked CSS. It's light and responsive.
Available Configuration
- closeButton: true/false, display or hide close button
- closeOutside: true/false, make the shade area close the popup on click
- className: "popupContent", class name for outer wrapper of content div
- animation: "bounceIn", see animate.css for available animation class
- type: "inline", type of content, right now it's only inline
- width: "auto", set the width based of number, px or %
- height: "auto", set the height based of number, px or %
- url: "". Define the url to use.
- id: "popupOverflow", Id for the popup
- disableTouchScroll: true/false, Disable scrolling in touch device
- iconPrefix: "xn", font-awesome icon prefix
- target: "", set selector name for target content both external link or internal element
- onClick: function () {}, a callback that fired after popup trigger element clicked (almost like on enter)
- onClose: function () {}, a callback that fired after the popup window being closed
- afterLoad: function () {}, a callback that fired after all the necessary element loaded (if ajax) and randered
How to use it
$("#popup").popup({
className: "detailPopup",
closeButton: false
});
Available Method
Close the popup
$.fn.popup().close();
Todo
- Load url inside iframe
- Load youtube or vimeo video
- Gallery functionality
- Width becomes auto when the window size is smaller than defined width