I've been recently working with both scripts. So to do this with my code, you need the updated version of Thumbnail Viewer II from this post:
http://www.dynamicdrive.com/forums/s...87&postcount=2
And you need my proprietary Lightbox v2.04a from this thread:
http://www.dynamicdrive.com/forums/s...ad.php?t=37030
A typical rev attribute for thumbnail to get it to use Lightbox with the link on its larger image would be (showing all options):
Code:
rev="loadarea::http://www.nasa.gov/images/content/276355main_PSP_009368_1720_428-321.jpg::lightbox::Nasa Photos::http://www.nasa.gov/home/::_blank::window.open(this.href, this.target, 'width=600, height=550');return false;"
is of course the id of where to show thumbnail's larger image
Code:
http://www.nasa.gov/images/content/276355main_PSP_009368_1720_428-321.jpg
is the image that Lightbox will show.
tells thumbnail this should be a lightbox link.
would be the optional title/caption for the lightbox display.
Code:
http://www.nasa.gov/home/
is an optional link for the Lightbox caption.
is an optional target for the link on the Lightbox caption.
Code:
window.open(this.href, this.target, 'width=600, height=550');return false;
is an optional onclick event for the link on the Lightbox caption.
Now, all you really need is:
Code:
rev="loadarea::http://www.nasa.gov/images/content/276355main_PSP_009368_1720_428-321.jpg::lightbox
That's the load area id, image for Lightbox to show, and the lightbox keyword.
Bookmarks