Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Image Thumbnail Viewer II - put a link on a "text link"

  1. #1
    Join Date
    Jan 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II - put a link on a "text link"

    Hi,

    Here's the link: http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    I would like to put a link on a "text link". but in href="" in this script uses to load the images to the loadarea.

    what i wanted to achieve is, i want to put a url on href="".

    Kindly help me to achieve this one..

    THanks.
    Last edited by 4gotten; 09-20-2009 at 11:32 AM.

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <script  type="text/javascript">
    /*<![CDATA[*/
    
    function Swap(id,url){
    document.getElementById(id).src=url;
    }
    
    /*]]>*/
    </script></head>
    
    <body>
    <a href="http://www.nasa.gov/images/content/167040main_image_feature_738_ys_4.jpg" onmouseover="Swap('loadarea','http://www.vicsjavascripts.org.uk/StdImages/One.gif')" title="This is an example">Thumbnail Example 1</a><br />
    <a href="http://www.nasa.gov/images/content/168177main_image_feature_749_ys_4.jpg" onmouseover="Swap('loadarea','http://www.vicsjavascripts.org.uk/StdImages/Two.gif')" >Thumbnail Example 2</a><br />
    
    <img  id="loadarea" src="http://www.vicsjavascripts.org.uk/StdImages/Blank.gif" />
    </body>
    
    </html>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Jan 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    First of all, thank you so much for the reply vwphillips..

    I will try this one...

    Thanks really thanks.
    Last edited by 4gotten; 09-20-2009 at 06:00 PM.

  4. #4
    Join Date
    Jan 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    @vwphillips..
    That isn't working...

    what i want to happen is like this..

    I want to have a link on on text link..
    Code:
    <a href="http://www.yahoo.com"  rel="enlargeimage::mouseover" rel="enlargeimage::mouseover">Text link</a>

  5. #5
    Join Date
    Jan 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Up............ Please help me please

  6. #6
    Join Date
    Jan 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    need help in here!

  7. #7
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    what exactly is not working?
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  8. #8
    Join Date
    Jan 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    the onmouseover is not working.

    I change the href="http://www.yahoo.com"

    Code:
     <a href="http://www.yahoo.com" onmouseover="Swap('loadarea','http://www.vicsjavascripts.org.uk/StdImages/One.gif')" title="This is an example" rel="enlargeimage::mouseover" rev="loadarea::#">Thumbnail Example 1</a>
    There's no images showing when rollover the textlink...

  9. #9
    Join Date
    Jan 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    up. help please

  10. #10
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    remove the rel="enlargeimage::mouseover" rev="loadarea::#"

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <script  type="text/javascript">
    /*<![CDATA[*/
    
    function Swap(id,url){
    document.getElementById(id).src=url;
    }
    
    /*]]>*/
    </script></head>
    
    <body>
    <a href="http://www.yahoo.com" onmouseover="Swap('loadarea','http://www.vicsjavascripts.org.uk/StdImages/One.gif')" title="This is an example">Thumbnail Example 1</a><br />
    <a href="http://www.yahoo.com" onmouseover="Swap('loadarea','http://www.vicsjavascripts.org.uk/StdImages/Two.gif')" >Thumbnail Example 2</a><br />
    <a href="http://www.yahoo.com" onmouseover="Swap('loadarea','http://www.vicsjavascripts.org.uk/StdImages/Three.gif')" title="This is an example">Thumbnail Example 1</a><br />
    <img  id="loadarea" src="http://www.vicsjavascripts.org.uk/StdImages/Blank.gif" />
    </body>
    
    </html>
    works for me
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

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
  •