Results 1 to 2 of 2

Thread: Thumbnail image viewer and image map

  1. #1
    Join Date
    Feb 2006
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thumbnail image viewer and image map

    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>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    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):

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •