Smoothbox

A lightweight & simple jQuery lightbox script by Kevin Thornbloom.

Demo

Image One
Image Two
Image Three
Image Four

Features

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

Download & Docs