PDA

View Full Version : Image Thumbnail Viewer II link in loadarea



ewpkort
03-11-2007, 12:27 PM
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

Great script!

Can this script open the enlargeimage in a pop-up by clicking in the loadarea:

<a href="images/fullsize/1_fs.jpg" rel="enlargeimage::mouseover" rev="loadarea::images/fullsize/1_fs.jpg" title="Sixties Make-up Model: Veroney"><img src="images/thumbs/1_tmb.jpg" border="0" /></a>

rev="loadarea::????????"
this in a pop-up? Or even integrate in:
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
for a second enlagre image?

typhoidtimmy
03-12-2007, 09:45 PM
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

Great script!

Can this script open the enlargeimage in a pop-up by clicking in the loadarea:

<a href="images/fullsize/1_fs.jpg" rel="enlargeimage::mouseover" rev="loadarea::images/fullsize/1_fs.jpg" title="Sixties Make-up Model: Veroney"><img src="images/thumbs/1_tmb.jpg" border="0" /></a>

rev="loadarea::????????"
this in a pop-up? Or even integrate in:
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
for a second enlagre image?


Yes I would love to combine the 2 as well

bellbell
10-13-2008, 09:39 PM
1) Script Title: Image thumbnail viewer II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

3) Describe problem: I would like to have the enlarged image link to a pop-up window ... I used target="_blank" but it opens a tab when my/user's browser has those preferences. How can I override this...

Thanks in advance.

jscheuer1
10-14-2008, 06:38 PM
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/showpost.php?p=165687&postcount=2

And you need my proprietary Lightbox v2.04a from this thread:

http://www.dynamicdrive.com/forums/showthread.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):


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;"


loadarea

is of course the id of where to show thumbnail's larger image


http://www.nasa.gov/images/content/276355main_PSP_009368_1720_428-321.jpg

is the image that Lightbox will show.


lightbox

tells thumbnail this should be a lightbox link.


Nasa Photos

would be the optional title/caption for the lightbox display.


http://www.nasa.gov/home/

is an optional link for the Lightbox caption.


_blank

is an optional target for the link on the Lightbox caption.


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:


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.