Vanillabox

Overview

Vanillabox is a simple, modern Lightbox-like plugin for jQuery. You can easily setup your image gallery with this plugin.

See the official page for more information.

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. It's licenced under the MIT License.

System Requirements

• jQuery 1.7+
• Chrome, Firefox, Safari, Opera, Internet Explorer 9+, iOS 6+ (Safari), Android 4.1.2+ (AOSP, Chrome)

How to Build Your Own Vanillabox

If you just want to use Vanillabox, get a compressed file from the official page. You may not need to perform the following steps.

First, these commands are required to setup a development environment:

• Node.js/npm 4.0+

Install required npm packages:

npm install -g gulp

Next, clone the repository and get source files:

git clone https://github.com/cocopon/vanillabox

Then move into the project directory, and run npm to install required npm packages:

cd path/to/vanillabox
npm install

All done! Now you can use gulp tasks for development.

gulp build

Common Gulp Tasks

| Command | Description | | ----------------- | ------------------------------------------ | | gulp test | Runs unit tests | | gulp js | Generates an uncompressed JS file | | gulp sass:theme | Translates theme SCSS files into CSS files | | gulp js:dist | Compiles JS files | | gulp dist | Generates a package archive |