Download
User Rating: 4.5/5 ( 2 votes)
Vanillabox is a simple, modern Lightbox-like plugin for jQuery.
You can easily setup your image gallery with this plugin.
Why Vanillabox?
-
Simple design, no decoration. It focuses your content.
-
Suitable for modern browsers that include mobile ones.
It works nicely whether or not to zoom a page.
-
Free for commercial use.
System Requirements
-
jQuery 1.7+
-
Chrome, Firefox, Safari, Opera, Internet Explorer 9+,
iOS 6+ (Safari), Android 4.1.2+ (AOSP, Chrome)
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="vanillabox/theme/bitter/vanillabox.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="vanillabox/vanillabox-#.#.#.min.js"></script>
2. HTML
<a id="single-image" href="http://placehold.it/320x480/0cc/f7f7f7" title="Image">Image</a>
3. JAVASCRIPT
$(document).ready(function() {
$('#single-image').vanillabox();
});
4. OPTIONS
5. EVENTS
Name |
Arguments |
Description |
vnbx_show |
(sender) |
Fired after showing |
vnbx_load |
(sender) |
Fired after loading a content |
vnbx_hide |
(sender, success, content, index) |
Fired after hiding |
var box = $('#foobar').vanillabox();
$(box).on('vnbx_show', function(sender) {
// Do something
});