PDA

View Full Version : Image Thumbnail Viewer II



Rooffy
11-12-2008, 05:54 PM
1) Script Title: Image Thumbnail Viewer II

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

3) Describe problem: I have several thumbnail images on one page and want to be able to enlarge them all, one at a time. Once I have clicked or mouseovered to get one enlarged image, it obscures some of the other thumbnails, because I want it to appear in the centre of the screen. I want to be able to close it, so I can see the obscured thumbnails. The script doesn't seem to allow for this, the enlarged image can't be closed or moved without refreshing the page.

Is there any answer to this please?

jscheuer1
11-12-2008, 06:12 PM
That script doesn't do that. You could use:

http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

or:

http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

or:

http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

or many others.

Rooffy
11-13-2008, 01:00 PM
Many thanks John, decided to use Lightbox2.

Just one thing would be useful - the http link from the rev= How do I make this open in a new blank page?

jscheuer1
11-13-2008, 04:34 PM
Upgrade to version 2.04a (not an official DD script, yet):

http://www.dynamicdrive.com/forums/showthread.php?p=163470#post163470

and use one of its optional new features:


rev="http://www.google.com/::_blank"

Rooffy
11-14-2008, 07:18 PM
John,

Two points you may want to know about light Box 2.04a:

1. The caption facility can handle text formatting, which is great, but the formatting code is visible on mouseover when using 'click'
2. Using Firefox 3, the lightbox appears in the centre of the screen. Using IE7, it appears centered at the top of the screen
Cheers
Paul

jscheuer1
11-14-2008, 07:31 PM
That's because it uses the title attribute which is used in most browsers as a tool tip. You can overcome this by giving a nested element a different title, ex:


<a href="images/image-1.jpg" rel="lightbox" title="my formatted<br>caption"><span title="my plain tip">image #1</span></a>

or if using a thumbnail image:


<a href="images/image-1.jpg" rel="lightbox" title="my formatted<br>caption"><img title="my plain tip" src="my_tbn.jpg"></a>