View Full Version : Image Thumbnail Viewer

03-06-2005, 03:10 PM
I'm using this script on my mom's site as means to enlarge thumbnails for products. Each product page appears in an IFrame - my question is: is it possible to have the larger image break free from my frames and open on top of everything else? Right now, it opens perfect with the exception that you can only drag it around inside that frame - so, if the full size image that is being loaded, is taller than my Iframe, you have no way of viewing all of it because it's opening on top of the product page inside the IFrame.

Other than that, I rate this script 5 Stars...Love the concept & the clean look!

Any help you can offer is greatly appreciated! Thanks for taking time to help me.

03-07-2005, 12:57 PM

Why not just do an image swap in another frame... I have an example (soory about page)


03-21-2005, 12:05 PM
Did you find a solution? I have the same problem.

03-21-2005, 11:14 PM
The Image Thumbnail viewer is designed around a division on the page it is called from so, I don't think what you are asking for is possible with this script. You have at least two options.

1) You could change things so that the page with the thumbnails opens in a full window instead of the Iframe.

2) You could use a script that launches a new window instead of creating a division like Popup Window Generator (http://www.dynamicdrive.com/dynamicindex8/popwin.htm)
Create one pop-up window using the code generator. Try to make it as close to what you would desire for every image.
Using a copy of the thumbnail page you have now, take the script out of the head. Substitute the script for the head that the thumbnail generator makes.
Use the example link the generator creates as a guide to replace all of these:

<a href="photo1.jpg" onClick="return enlarge('photo1.jpg',event)">
<img src="thumbnail.gif" border="0"></a>
with these (may be different, use the one generated):

<a href="image_1.jpg"
onclick="NewWindow(this.href,'mywin','300','300','no','center');return false"
onfocus="this.blur()">YourLinkText</a>use the image tag (ie: <img src=thumbnail_1.jpg>) of the thumbnail in place of 'YourLinkText'.
That's two ideas, others may have more.