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.

• 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.

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

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 0.10+
• Ruby/RubyGems 1.8.7+

Install gems and npm packages:

gem install sass -v '>=3.2'
npm install -g grunt-cli

You also need to install Closure Compiler to compress JS files:

git clone https://code.google.com/p/closure-compiler COMPILER_HOME
cd COMPILER_HOME
ant
export COMPILER_PATH=COMPILER_HOME

Next, clone the repository and get source files:

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

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

cd VANILLA_HOME
npm install

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

grunt compile