Setting up Light Box

[barrysmith]

Hi

Can anyone explain how i can convert this bit of code from viewlisting.tpl.php (its the bit that shows the Thumbnailimages)

<p><a href="#" onMouseOver="window.status='View Large Image';return true" onMouseOut="window.status='';return true" onClick="window.open('{$smarty.const.URL}/viewimage.php?photo={$image.id}','_popup','width=4 50,height=500,directories=no,location=no,menubar=n o,scrollbars=yes,status=no,toolbar=no,resizable=no ,left=0,top=0,screenx=50,screeny=50');return false"> <img src="thumbs/small_{$image.image}" hspace="5" vspace="5" class="image" border="0" /></a><br />{$image.title}</p>

I want to add the following to the <a> tag and remove the Javascript stuff.

<a href="images/image-1.jpg" rel="lightbox">

Now i think my problem so far as i have played around a bit is to get the correct bit of code that will place the path to the large image into the a tag.

Thanks in advance.

[louad]

Here is what I did:
<a href="photos/[[image]]" rel="lightbox[roadtrip]"><img src="thumbs/small_[[image]]" hspace="5" vspace="5" class="image" border="0" alt="View Large Image" /></a><br />[[title]]