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, 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

Find me on Github