Lightweight jQuery Lightbox Framework with API - jqFenster
File Size: | 25.5 KB |
---|---|
Views Total: | 5208 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
jqFenster is a jQuery based Lightbox Framework that allows you to create various modal windows with API.
Features:
- lightweight and easy to use
- Support all major browsers
- Animation and overlay supported
- Call back supported
- Popup in Popup supported
- Remote html supported
- ESC key or click the close button to close the window
Basic Usage:
1. Include jQuery library and jQuery jqFenster on the web page
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="src/jquery.fenster.js"></script>
2. Include required jqFenster CSS to style the modal window
<link rel="stylesheet" href="src/jquery.fenster.css" type="text/css" />
3. Create a link to popup a modal window with animation and overlay effects. The following example uses data-OPTION
attributes to pass the options to the modal.
<a href="#" data-selector="#targetSecond" data-options="{animationSpeed: 400}" class="jqFenster">With animation</a>
4. You can also pass the options in the JavaScript. Full plugin options:
'href': null, 'selector': null, 'options': null, 'delayOpen': 200, 'callbackOpen': $.noop, 'callbackClose': $.noop
Change log:
v1.2.9 (2015-05-06)
- width option added
v1.2.6 (2013-11-11)
- callbackOpen and callbackClose added to the API
This awesome jQuery plugin is developed by kkamkou. For more Advanced Usages, please check the demo page or visit the official website.