Retrieving image name from url param and displaying

Discussion in 'JavaScript' started by KS63, Mar 27, 2007.

0
  1. #1
    Greetings,
    I have an image gallery where I need to display a bunch of thumbs and then go to a larger image when clicked. Seems fairly simple but I'm fairly new to JS. I want the larger image page to be just one page displaying the larger image of whatever is clicked. My image names are formatted like:
    thumb: WTP-111_th.jpg. larger image: WTP-111.jpg.

    The URL looks something like:
    http://mytestserver/hgi/patd.asp?Col1Image=images/camo/WTP-109_th.jpg

    patd.asp is the pattern detail page where I want to display the image:
    WTP-109.jpg.

    So far I can parse out the image name, eliminating the _th.
    What I can't seem to get is changing the img src dynamically on the page.
    Right now, it's the only thing on the page.

    Any help will be GREATLY appreciated.
    Kevin
     
    KS63, Mar 27, 2007 IP
  2. jgoddard

    jgoddard Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You have to reference the image by it's id. For example:
    
<img src="" id="imagetoreplace" />
    HTML:
    then in your javascript you need to use this:
    document.getElementById("imagetoreplace").src="newimage.jpg"
     
    jgoddard, Mar 27, 2007 IP
  3. KS63

    KS63 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Perfect - thank you!
     
    KS63, Mar 27, 2007 IP