First off = You are not displaying any images in your HTML code:
Code:
<a href="/images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="/images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
Your asking HTML to show 'image #1' and that's what it shows. You need to put a images tag between the anchor tags.
The thumb nails should be called thumb-1.jpg, etc. Go get those and put them into the folder with your main images. Then use
Code:
<a href="images/image-1.jpg" rel="lightbox">
<img src="images/thumb-1.jpg" alt> />
</a>
Also get rid of all the ../ things in your head a / should work.