Results 1 to 2 of 2

Thread: popup thumbnail preview on rollover

  1. #1
    Join Date
    Nov 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default popup thumbnail preview on rollover

    Can anyone advise me on where to go to find some javascript to allow user to rollover a thumbnail image and be able to preview a larger image directly above it?

    Any feedback would be good, thanks

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Image Thumbnail Viewer II

    and

    Image Thumbnail Viewer

    Some configuration required. For the Image Thumbnail Viewer II, lay out the:

    HTML Code:
    <div id="dynloadarea" style="width:80px;height:225px"></div>
    above your thumbnails on the page.



    For the Image Thumbnail Viewer, configure the coordinates for the pop up division to a set location of your choosing:

    Find these two lines in the script:

    Code:
    crossobj.style.left=horzpos+"px"
    crossobj.style.top=vertpos+"px"
    and set them to the desired location, ex:

    Code:
    crossobj.style.left="250px"
    crossobj.style.top="200px"
    and use the syntax without the center and dimensions in your HTML but set it to onmouseover (from the demo[sic]):

    HTML Code:
    <a href="photo1.jpg" onmouseover="return enlarge('photo1.jpg',event)" onclick="return false;">
    <img src="thumbnail.gif" border="0"></a>
    Last edited by jscheuer1; 11-25-2005 at 04:21 AM.
    - 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
  •