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="braaaaiiiinns!">
<img src="images/w33b_zombie_thumb.gif" width="75" height="75" />
</a>
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]"
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>
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>