Results 1 to 3 of 3

Thread: Image Thumbnail viewer II link problem

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

    Default Image Thumbnail viewer II link problem

    I have the link option set to "". When I click on a thumbnail, it takes me to a fresh view of the page I'm on. I don't want to link to anything. I just want the onMouseover event to display the larger image.

    URL: http://oregonmotorcyclist.com/ridepage.php?page=hwy19

  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

    That was a good move but, that only prevents the large versions of each image from being linked. Where you have:

    Code:
    <A HREF="#"
             onmouseover="modifyimage('dynloadarea', 0)"><IMG
             SRC="../images/tn_hwy19_01.jpg" BORDER=0 ALIGN=bottom></A>
    and similar for each thumbnail image, that makes each one of them a link to the top of the page. There are a number of ways around this, the easiest is to change the href to javascript:void(0); - example:

    Code:
    <A HREF="javascript:void(0);"
             onmouseover="modifyimage('dynloadarea', 0)"><IMG
             SRC="../images/tn_hwy19_01.jpg" BORDER=0 ALIGN=bottom></A>
    - John
    ________________________

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

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

    Smile

    Quote Originally Posted by jscheuer1
    That was a good move but, that only prevents the large versions of each image from being linked. Where you have:

    Code:
    <A HREF="#"
             onmouseover="modifyimage('dynloadarea', 0)"><IMG
             SRC="../images/tn_hwy19_01.jpg" BORDER=0 ALIGN=bottom></A>
    and similar for each thumbnail image, that makes each one of them a link to the top of the page. There are a number of ways around this, the easiest is to change the href to javascript:void(0); - example:

    Code:
    <A HREF="javascript:void(0);"
             onmouseover="modifyimage('dynloadarea', 0)"><IMG
             SRC="../images/tn_hwy19_01.jpg" BORDER=0 ALIGN=bottom></A>
    Thanks a lot! That did it. Not only is Dynamic Drive a great resource for free code, it is a great place to learn.

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
  •