Smoothbox

A lightweight & simple jQuery lightbox script by Kevin Thornbloom.

Demo

Image One
Image Two
Image Three
Image Four

Features

• Lightweight [1.7Kb]
• Preloads images
• Built in gallery for multiple items
• CSS3 transitions for smoother effects
• Responsive image sizes

Usage

1. Include jQuery, smoothbox.js (or smoothbox.jquery2.js if you're using jQuery 1.9+), and smoothbox.css

   <link rel="stylesheet" href="css/smoothbox.css">
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
   <script type="text/javascript" src="js/smoothbox.min.js"></script>
   

2. Add a class of "sb" to any link that you wish to open in smoothbox
3. Want a caption? Add a title attribute to your link

   <a class="sb" href="images/1.jpg" title="Hey here's a caption">Image One</a>

Customization

To keep things as tidy as possible, there aren't any options related to the javascript. The CSS is, of course, customizable to change colors and other styles.

Download

Download & Docs