# Litebox

### What is it?

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.

### Image Set Example:

### Single Image Example

### Usage

Litebox is reverse compatible, you can drop the javascript files into your js folder without issues, WITH ONE EXCEPTION, you must add onload="initLightbox()" into your body tag. But anyway, here's a quick tutorial for those unfamilar.
Paste this in your document <head>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/prototype.lite.js"></script> <script type="text/javascript" src="js/moo.fx.js"></script> <script type="text/javascript" src="js/litebox-1.0.js"></script>

Make your links as such

<a href="images/image-1.jpg" rel="lightbox[example]" title="Horses"><img src="images/thumb-1.jpg" width="100" height="40" alt="Beautiful Horses" /></a>

where example is your image set name.

### Download

litebox-1.0.zip

### Notes

- You can reduce the size even further if you remove comments and keyboard navigation.
- Though the current directory structure of lightbox isn't too pleasing (to me) I decided to keep it for portability. I might change my mind in future releases

### Contact

Huddle Together Forums