GingerBox

The image lightbox used on http://user.io, inspired from Android GingerBread's screen shutdown animation:

JS integration

Either between the <head> tags of your html document, or at the end of the <body> tags to optimize loading, use:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="[PATH-TO-JS-ASSETS]/gingerbox.min.js"></script>

Within the <head> tags of your html document:

<link rel="stylesheet" type="text/css" href="[PATH-TO-CSS-ASSETS]/gingerbox.css">

Anywhere within your html code, where you're willing to generate an image lightbox:

<a href="[PATH-TO-IMAGE]/my-image.jpg" class="gingerBoxLink">Open my-image.jpg in a GingerBox!</a>