5 pages with 5 images each adds up to 25, not 20 total images. The lightbox (the one you link to in your post) can access only one image at a time. However:
http://www.dynamicdrive.com/dynamici...box2/index.htm
can have image groups if you use rel="lightbox[group_name]". These groups are available to lightbox 2.03a via the previous and next buttons on the lightbox interface. If you want other images besides the ones that are visibly linked to on the page to be included in the group, you can just put them on the page in a division with its style set to display none (use as many as you want):
HTML Code:
<div style="display:none;">
<a href="some1.jpg" rel="lightbox[group1]" title="Some Titile 1"></a>
<a href="some2.jpg" rel="lightbox[group1]" title="Some Titile 2"></a>
<a href="some3.jpg" rel="lightbox[group1]" title="Some Titile 3"></a>
<a href="some4.jpg" rel="lightbox[group1]" title="Some Titile 4"></a>
</div>
These would be in addition to the (at least one) visible link(s) that activate lightbox for that group on that page:
HTML Code:
<a href="some0.jpg" rel="lightbox[group1]" title="Some Titile 0">Text or Image Tag</a>
You can also have as many of these as you like, for all links (seen and unseen) to participate in the group, they all must have the same group name in their rel attribute.
Bookmarks