article:
JS Plugin: Tokeninput
article:
JS Plugin: Reveal Plugin For Modals

JS Plugin: SuperBox

Advertisement

"jQuery Superbox! is a script which allows you display windows with the lightbox effect."

"jQuery Superbox! can display pictures, pictures galleries, external pages, a page element or even AJAX loaded content."


Samples

AJAX mode
Generates a box containing an HTML fragment loaded with AJAX.

Plugin: SuperBox


Content mode
Generates a box containing an element of the page.
The link will be external, and will point to an element of the page using its id attribute.
Plugin: SuperBox


Gallery mode
Displays a picture gallery. It is possible to navigate using the buttons or the arrow keys.
Plugin: SuperBox


Iframe mode
Generates a box containing an iframe.
Plugin: SuperBox

...


Usage
....
<link rel="stylesheet" href="jquery.superbox.css" type="text/css" media="all" />
<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript" src="jquery.superbox-min.js"></script>
...
$(function(){
  $.superbox();
});
...
$.superbox.settings = {
  boxId: "superbox", // Id attribute of the "superbox" element
  boxClasses: "", // Class of the "superbox" element
  overlayOpacity: .8, // Background opaqueness
  boxWidth: "600", // Default width of the box
  boxHeight: "400", // Default height of the box
  loadTxt: "Loading...", // Loading text
  closeTxt: "Close", // "Close" button text
  prevTxt: "Previous", // "Previous" button text
  nextTxt: "Next" // "Next" button text
};


Other Features

- Accessibility. only the rel attribute is used to launch the script. The href attribute is therefore coherent: it targets the address of a picture, of a page, or an element identifier (anchor).
- Extensibility. Superbox doesn't set any style, everything is easily and entirely CSS stylable.
- The MIT license. this license allows you to use, duplicate, modify, publish, distribute, merge, sell and even change the script license. Your only obligation is to keep the script's author name.




source
bitbucket
download
other lightbox

Advertisement
Tags: plugin, jquery, lightbox, develop, internet, modal, pictures, gallery, external page, element, ajax loaded content, layout

Leave a Comment

No Comment

© Creative3x Ltd.