Linking two places to one pic

Discussion in 'HTML & Website Design' started by bthomas312, Mar 7, 2011.

  1. #1
    Does anyone know how I would go about linking one pic to two different places? I have a pic of a few buildings and I want to be able to click on the building in the picture and have it take me to the buildings website.
     
    bthomas312, Mar 7, 2011 IP
  2. seagate

    seagate Banned

    Messages:
    162
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I may not be correct but i think that is a bit more complicated that simple HTML , i think what you would have to do is have the image in photoshop and then splice it using the splice tool, but for each building you want to click on have it as a splice, and then save for web and devices as html and then work around it, You should then see a splice under dreamweaver and you should be able to add links on to it
     
    seagate, Mar 7, 2011 IP
  3. eruct

    eruct Well-Known Member

    Messages:
    1,189
    Likes Received:
    49
    Best Answers:
    0
    Trophy Points:
    108
    #3
    You can do it with only HTML/CSS by using an image map. It's the same concept as how facebook allows you to tag people in a photo. A good tutorials can be found here: http://www.cssplay.co.uk/articles/imagemap/index.html
    Note that he has it display a description of each Beatle as you hover over them but you can ignore that part of the tutorial. The actual hover effects are created using <a> which means you can have it link to whatever you want.
     
    eruct, Mar 7, 2011 IP
  4. bthomas312

    bthomas312 Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    cool thanks for the help
     
    bthomas312, Mar 7, 2011 IP
  5. Oceanus

    Oceanus Member

    Messages:
    903
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #5
    I was thinking image map too but you might want to make it clear that there are two separate links on the image if possible.
     
    Oceanus, Mar 7, 2011 IP