Results 1 to 4 of 4

Thread: Image Thumbnail Viewer II

  1. #1
    Join Date
    Mar 2008
    Location
    Southern California
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Image Thumbnail Viewer II

    1) Script Title: Image Thumbnail Viewer II

    2) http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    3) Describe problem: I love this script but there are two things I would like to add/control and I just dont have enough experience to figure out on my own.

    I would like one of the images to appear in the loadarea before the user mouses over the thumbnail. i did a work around of setting a b/g image so there is something there but I am hoping there is a better solution.

    Also when using the rev="loadarea::http://www.dynamicdrive.com" I want to direct the user to a larger size image, but I want it to either be in a pop up window or at the very least in a blank target. I tried adding target="_blank" after the link that takes the user to the large image but it doesnt effect anything.

    Thank you for reviewing my post!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Regarding #1, why not just directly add an image inside the loadarea DIV that you want shown by default:

    Code:
    <div id="loadarea" style="width: 600px"><img src="vacation.gif" /></div>
    Regarding #2, the relevant HTML inside the .js file is:

    Code:
    imageHTML='<a href="'+dest+'">'+imageHTML+'</a>'
    At its simplest, you would simply add a target attribute to it:

    Code:
    imageHTML='<a href="'+dest+'" target="_new">'+imageHTML+'</a>'

  3. #3
    Join Date
    Mar 2008
    Location
    Southern California
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile

    Thank you so much for responding! I didn't think to edit the .js file! Still learning. Thank you for pointing that out. I made the change and it worked. I love when stuff does what I want!

    On the #1 item of adding a photo. I did what you said and yes that does work work, but because I am using the title tag with a line of text on each image I get a photo jump. I think if I am going to use the text I guess I would have to go back and modify my image to make it look like it doesn't jump. I was just trying to avoid doing that for every item. But it is a solution - thanks!

    I will continue to play with it. IF you care here is my rough page: http://www.sdgusa.com/bike_rails1.php

  4. #4
    Join Date
    Mar 2008
    Location
    Southern California
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Script Title: Image Thumbnail Viewer II

    Is it possible to make the mouseover image or text also clickable?

    I know I can make the mouseover image that comes up clickable, but I also want my text to be clickable. (I used text instead of an image in this case.)

    Here is a link to the page I am working on: http://www.sdgusa.com/bike_home.php

    Thank you!

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
  •