Hi there. Once you have copied the required files into your folder, you must attach the reuired scripts and css in your header:
Code:
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Make sure the href point to where you have saved the lightbox files. To make life easy, just save all the lightbox folders "images", "scripts" and "css" into the folder where you have your gallery.
Then in the thumbnail link just add
Code:
rel="lightbox[group-name-of-your-choice]"
A common link would look like this:
Code:
<a href="slides/01.jpg" rel="lightbox[courtney]"><img alt="Courtney House" src="thumbnails/01.jpg" width="100" height="74" /><br />Courtney House</a>