Just what you needed eh? Another bloody lightbox doing exactly the same as all the others,
well, almost...

This is a modified version based on Lokesh Dhakar's superb orginal lightbox that (i think) simplifies some of the features, adds some config options, moves the nav to the top and best of all incorporates a slideshow feature so you can sit back and watch your pics with a single click!

Anyway, enough of the waffle...let's get on to some examples:

Standalone WeebBox

First off just an image on it's own, to do this just create a link with and immage inside and then add rel="wbox" to the anchor.

Code:
<a href="images/w33b_zombie.jpg" rel="wbox" title="braaaaaiiinnnns!">
<img src="images/w33b_zombie_thumb.gif" width="75" height="75" />
</a>

Gallery WeebBox

This time, setup your images and anchors and then for each image that you want to be in the gallery set add rel="wbox[yourgalleryname]" to the anchor tag.

Code:
<a href="images/trippy.jpg" rel="wbox[weeb]" title="much trippyness...is that a word!?">
<img src="images/trippy_thumb.jpg" width="75" height="75" />
</a>
<a href="images/train_station.jpg" rel="wbox[weeb]" title="my attempt at an arty shot">
<img src="images/train_station_thumb.jpg" width="75" height="75" />
</a>
<a href="images/hiro.jpg" rel="wbox[weeb]" title="my cat hiro....ahhhhhhhhh">
<img src="images/hiro_thumb.jpg" width="75" height="75" />
</a>
<a href="images/moon.jpg" rel="wbox[weeb]" title="hahaha, mooned you !">
<img src="images/moon_thumb.jpg" width="75" height="75" />
</a>

Slidey WeebBox

Use this to jump straight in to a slideshow, it's almost the same as above but for each first anchor use rel="slidey[yourgalleryname]". For this example I've used empty anchors to include the other images.

Code:
<a href="images/trippy.jpg" rel="slidey[weeb]" title="much trippyness...is that a word!?">
<img src="images/trippy_thumb.jpg" width="75" height="75" />
</a>
<a href="images/train_station.jpg" rel="slidey[weeb]" title="my attempt at an arty shot"></a>
<a href="images/hiro.jpg" rel="slidey[weeb]" title="my cat hiro....ahhhhhhhhh"></a>
<a href="images/moon.jpg" rel="slidey[weeb]" title="hahaha, mooned you !"></a>

And that's about it! there are some configuration options in weebbox.js for you to play around with that I'm sure you'll get the hang of instead of pestering me about it...but if you are pretty dim then feel free enter your questions below

Warning: mysql_connect() [function.mysql-connect]: Can't connect to MySQL server on '213.171.218.246' (10055) in \\nas41ent\domains\w\weebbox.com\user\htdocs\class.DB.php on line 19

Warning: mysql_select_db() [function.mysql-select-db]: Can't connect to MySQL server on 'localhost' (10055) in \\nas41ent\domains\w\weebbox.com\user\htdocs\class.DB.php on line 20

Warning: mysql_select_db() [function.mysql-select-db]: A link to the server could not be established in \\nas41ent\domains\w\weebbox.com\user\htdocs\class.DB.php on line 20
Can't connect to MySQL server on 'localhost' (10055)