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
   
Lightweight jQuery Lightbox Framework with API - jqFenster

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.