Results 1 to 7 of 7

Thread: Image Thumbnail Viewer - image location?

  1. #1
    Join Date
    Aug 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer - image location?

    Is there any way to control the image so when it pops up the whole image can be seen. I tried the 'center' variable and it is relitive to the window and with different screen resolutions this is too unpradictable. Can I force the image to pop up like a tool tip (relative to location on screen) so that it is completely visable? Or can I set it to pop up and start at the Left edge of my Frameset?

    Thanks for any help
    .anderson

  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

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format for asking a question.
    PLEASE: Include the URL to your problematic webpage that you want help with.
    - John
    ________________________

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

  3. #3
    Join Date
    Aug 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Sorry,
    Script: Image Thumbnail Viewer
    http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

    (My test page) :
    http://207.150.192.12/temp/heartnso/...os_2004_t2.htm

    Thanks for any assistance!

  4. #4
    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

    I tried center, with the actual image sizes as specified in the instructions and it seemed fine:

    Code:
    <p align="center">set-in up :: pre-party :: telling stories of yesterdays  <br>
        <a href="http://207.150.192.12/temp/heartnso/games/images/04_pics/camping.jpg" onClick="return enlarge('http://207.150.192.12/temp/heartnso/games/images/04_pics/camping.jpg',event,'center',600,348)"><img src="images/04_pics/camping.jpg" alt="Pre Party : Settin up the tents" name="camping" width="97" height="55" border="0"></a>
    	<a href="http://207.150.192.12/temp/heartnso/games/images/04_pics/registration_01.jpg" onClick="return enlarge('http://207.150.192.12/temp/heartnso/games/images/04_pics/registration_01.jpg',event,'center',500,339)"><img src="images/04_pics/registration_01.jpg" alt="You've gotta sign-in" name="registration" width="83" height="55" border="0"></a>
    	<a href="http://207.150.192.12/temp/heartnso/games/images/04_pics/Let_get_started_03.jpg" onClick="return enlarge('http://207.150.192.12/temp/heartnso/games/images/04_pics/Let_get_started_03.jpg',event,'center',600,238)"><img src="images/04_pics/Let_get_started_03.jpg" alt="anxiety builds as the opening ceremonies draws near" name="Let_get_started_03" width="121" height="55" border="0"></a>
    	<a href="http://207.150.192.12/temp/heartnso/games/images/04_pics/Let_get_started_02.jpg" onClick="return enlarge('http://207.150.192.12/temp/heartnso/games/images/04_pics/Let_get_started_02.jpg',event,'center',600,442)"><img src="images/04_pics/Let_get_started_02.jpg" alt="lets get this party started" name="Let_get_started_02" width="80" height="55" border="0"></a>
    </p>
    - John
    ________________________

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

  5. #5
    Join Date
    Aug 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Center works perfect, however it is relative to the screen size and I'm NOT having problems with the script working. What I am trying to do is have it behave like a tool tip and pop up the new image on screen regardless of screen size. Or If it could simply pop up the window align to the left side of the frame window.

    Let me know if you have any ideas.

    Thanks!

  6. #6
    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

    Well, to behave like a tool tip, you remove:

    , 'center', 300, 400

    from the call, so it looks more like this:
    Code:
    <a href="photo1.jpg" onClick="return enlarge('photo1.jpg',event)">
    <img src="thumbnail.gif" border="0"></a>
    If after doing that, you want it to simply align to a certain position, go into the code, there are a couple of ways to do this, here's one, find:
    Code:
    else{
    var horzpos=ns6? pageXOffset+e.clientX : ietruebody().scrollLeft+event.clientX
    var vertpos=ns6? pageYOffset+e.clientY : ietruebody().scrollTop+event.clientY
    }
    and change those to your preferred coordinates, ex:
    Code:
    else{
    var horzpos=10
    var vertpos=100
    }
    - John
    ________________________

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

  7. #7
    Join Date
    Aug 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thanks - thats what i was looking for

    JOHN your the man. Thanks, being able to set the image to the left edge works perfect.

    Thanks for all your efforts.
    .matt.anderson

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
  •