PDA

View Full Version : Thumbnail image viewer and image map



kalew
05-21-2006, 02:30 PM
Script: Image Thumbnail Viewer

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

Hello,

I have the above mentioned script successfully installed, but I need a bit of help trying to get the larger image to indicate the "hot spots" (It should be an image map). The small (thumbnail) image works fine as an image map. Any idea where in the below code I enter the USEMAP...info to make the large image work as an image map? Thank you.

<a href="annarbormaplarge.jpg" onClick="return enlarge('annarbormaplarge.jpg',event,'center',300,375)">
<IMG NAME="annarbormapsmall0" SRC="annarbormapsmall.jpg" BORDER="0" USEMAP="#annarbormapsmall"></a>

jscheuer1
05-21-2006, 06:31 PM
This cannot be done simply by editing the call to the enlarged image. Extensive editing of the thumbnail image viewer script would be required. This section is where the contents of the DHTML pop up are set for each call:


crossobj.innerHTML='<div align="right" id="dragbar"><span id="closetext" onClick="closepreview()">Close</span> </div><img src="'+which+'">'

The red which (near the end in the above) represents the url of the larger image in the call (red also, from the demo):


<a href="photo1.jpg" onClick="return enlarge('photo1.jpg',event)">
<img src="thumbnail.gif" border="0"></a>