Thank you for the reply,
I have tried the example but it seems I am goofing somewhere. I will upload the code for my lightbox page below and please give me pointers on how I can best do this (the lightbox gallery is under a class called 'slides'). Thank you very much. I appreciate it.
`<!DOCTYPE HTML>
<html>
<head>
<title>lui001</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/grid.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
</head>
<body>
<div class="container clearfix"><!--start of container-->
<div class="header grid_12"><!--start of header-->
<div class="logo grid_3"><!--start of logo-->
<a href="index.html" title="Little Cribs"><img src="img/logo3.png" alt="Little Cribs"/></a>
</div><!--end of logo-->
<div class="nav" class="grid_9 omega"><!--start of nav id-->
<ul>
<li><a href="index.html" title="Home"><img src="img/home1.png" alt="Home"/></a></li>
<li><a href="catalogue.html" title="Catalogue" class="active"><img src="img/catalogue1.png" alt="Catalogue"/></a></li>
<li><a href="about.html" title="About Us"><img src="img/about1.png" alt="About Us"/></a></li>
<li><a href="contact.html" title="Contact Us"><img src="img/contact1.png" alt="Contact"/></a></li>
</ul>
</div><!--end of nav id-->
</div><!--end of header-->
<div class="living-body grid_12"><!--living-body class start-->
<div id='cssmenu' class="grid_2 alpha"><!--css menu start-->
<ul>
<li class='has-sub'><a href='#'><span>Living units</span></a>
<ul>
<li><a href='lu-infants.html'><span>Infants</span></a></li>
<li><a href='lu-preteens.html'><span>Preteens</span></a></li>
<li><a href='lu-teens.html'><span>Teens</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Storage units</span></a>
<ul>
<li><a href='stou-infants.html'><span>Infants</span></a></li>
<li><a href='stou-preteens.html'><span>Preteens</span></a></li>
<li><a href='stou-teens.html'><span>Teens</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Study units</span></a>
<ul>
<li><a href='stu-infants.html'><span>Infants</span></a></li>
<li><a href='stu-preteens.html'><span>Preteens</span></a></li>
<li><a href='stu-teens.html'><span>Teens</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Accessories</span></a>
<ul>
<li><a href='acc-infants.html'><span>Infants</span></a></li>
<li><a href='acc-preteens.html'><span>Preteens</span></a></li>
<li><a href='acc-teens.html'><span>Teens</span></a></li>
</ul>
</li>
</div><!--css menu end-->
<div class="itempack grid_10 omega">
<div class="itemimage grid_5">
<img src="img/lui001b.jpg" alt="lui001"/>
<div class="slides">
<ul>
<li><a href="img/1.jpg" title="Furniture 1"><img src="img/lui001thumb1.jpg" width="90" height="90" alt=""></a></li>
<li><a href="img/1.jpg" title="Furniture 2"><img src="img/lui001thumb1.jpg" width="90" height="90" alt=""></a></li>
<li><a href="img/1.jpg" title="Furniture 3"><img src="img/lui001thumb1.jpg" width="90" height="90" alt=""></a></li>
<li><a href="img/1.jpg" title="Furniture 4"><img src="img/lui001thumb1.jpg" width="90" height="90" alt=""></a></li>
</ul>
</div>
<!--
<img src="img/lui001thumb1.jpg" alt="lui001thumb1" class="thumbs"/>
<img src="img/lui001thumb1.jpg" alt="lui001thumb2" class="thumbs"/>
<img src="img/lui001thumb1.jpg" alt="lui001thumb3" class="thumbs"/>
<img src="img/lui001thumb1.jpg" alt="lui001thumb4" class="thumbs"/>-->
</div>
<div class="itemdetails grid_4 omega">
<h2>lui001 - Flintstones Bed</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro distinctio consectetur deserunt beatae exercitationem rem nobis temporibus fuga optio necessitatibus sapiente voluptatem eum tempore hic asperiores perspiciatis error sed. Voluptates.</p>
<h3>Specs</h3>
<h4>Dimensions:</h4>
<p>jjjhj;hkl hkhkhklh hkjkhjhh</p>
<h4>Material:</h4>
<p>jjjhj;hkl hkhkhklh hkjkhjhh</p>
<h3>KShs 10,000</h3>
</div>
</div>
<div class="footer grid_12 clearfix">
<div class="socialmedia grid_12 clearfix"><!--start of socialmedia class-->
<p>© Copyright 2013, Little Cribs. All rights reserved.</p>
<a href="#" target="_blank" title="Facebook"><img src="img/facebook.png" alt="Facebook"/></a>
<a href="#" target="_blank" title="Twitter"><img src="img/twitter.png" alt="Twitter"/></a>
</div><!--end of socialmedia class-->
</div>
</div><!--end of container-->
<script src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<!-- lightBox plugin -->
<script type="text/javascript">
$(function() {
$('.slides a').lightBox();
});
</script>
<!-- lightBox plugin -->
</body>
</html>`
