Adding Things to images?

Discussion in 'HTML & Website Design' started by NewfieSarah, Jan 16, 2006.

  1. #1
    Hey all, I was wondering if there was a way that I can add things to my image. I have an image of a map of my local area and I would like to have my user be able to click on different areas on the may to display information on specific local things in the area. How is this possible? Thanks
     
    NewfieSarah, Jan 16, 2006 IP
  2. elkiwi

    elkiwi Active Member

    Messages:
    536
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    68
    #2
    With an image map.

    on your image you have

    <img src="images/image.jpg" alt="image" width="200" height="131" border="0" usemap="#imagemap">
    Code (markup):
    then

    <map name="imagemap"><area shape="rect" coords="29,33,55,72" href="someinfo.htm">
    Code (markup):
    keep adding as many maps as you like, creating hotspots on the image.
     
    elkiwi, Jan 16, 2006 IP
  3. Warren Contreras

    Warren Contreras Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You can also use a graphics program to add the text right over the image. I picked up a copy of Adobe Photoshop Elements 2 on Ebay for $20 that does the job nicely. It's an older version true, but it does everything I want for web work.
     
    Warren Contreras, Jan 17, 2006 IP
  4. dave487

    dave487 Peon

    Messages:
    701
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    0
    #4
    dave487, Jan 17, 2006 IP
  5. pozer

    pozer Active Member

    Messages:
    603
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    80
    #5
    you can do it with the image map but I suggets using flash for that
     
    pozer, Jan 23, 2006 IP
  6. danzor

    danzor Peon

    Messages:
    208
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    0
    #6
    dreamweaver allows you to do image maps also.
     
    danzor, Jan 23, 2006 IP