Lightbox JS
Lightbox JS by Lokesh Dhakar
Overview
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
Note: An new version of this script is available: Lightbox JS v2.0
Example
To make sense of it all, check out these examples. Click on a thumbnail or text link below:
image #1
image #2 w/caption
Benefits
Places images above your current page, not within. This frees you from the constraints of the layout, particularly column widths.
Keeps users on the same page. Clicking to view an image and then having to click the back button to return to your site is bad for continuity (and no fun!).
How to Use:
Include lightbox.js in your header.
<script type="text/javascript" src="lightbox.js"></script>
Add rel="lightbox" attribute to any link tag to activate the lightbox. For example:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Optional: Use the title attribute if you want to show a caption.
That's ...
All rights reserved.