A barebones, flexible jQuery popup plugin. Designed for developers, it's simple to use but very powerful.
- Barebones - it only has what it absolutely needs, the rest is up to you
- Automatically detects images, external sites, inline content and ajax content
- It can also cope with raw HTML, functions, jQuery...
- Plus custom content types. (Think YouTube, Vimeo etc.)
- Lightweight - ~1.7kb minified and gzipped
- Made to be customized - callbacks and options aplenty
- Fully styled with CSS, make it look however you want
- Handles loading errors intelligently
Place /assets/css/popup.css
in /your/css/folder/
.
Add this just before your closing head
tag:
<link rel="styesheet" href="/your/css/folder/popup.css">
Then, place /assets/js/jquery.popup.min.js
in /your/js/folder/
.
Add this just before your closing body
tag, after you've included jQuery:
<script src="/your/js/folder/jquery.popup.min.js"></script>
Set up your html:
<a href="https://placehold.it/350x175.png" class="popup">Popup link</a>
Call the plugin:
var options = {};
$('a.popup').popup(options);
For full documentation, have a look at https://docs.toddish.co.uk/popup.