Link to home
Start Free TrialLog in
Avatar of geeta_m9
geeta_m9

asked on

Inserting more than one hyperlink into an image

I have the following image of a world map. I would like to embed this image into a HTML file. I would like to insert hyperlinks, specifically anchors, into different sections of the map so that when the user clicks on that  part of the map, e.g. Europe, it would take them to the section of the same page that has the paragraph with that anchor name, "Europe".

I do not know how to insert the hyperlinks into the map using Photoshop,User generated image
ASKER CERTIFIED SOLUTION
Avatar of becraig
becraig
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of geeta_m9
geeta_m9

ASKER

Thank you both for your help. I tried it first with Photoshop using the slice option and "Save for Web" feature, but it didn't work for some reason, so I went with <map> in HTML and that seemed to do the trick.

<map name="worldmap3">
  <area shape="rect" coords="0,50,215,175" alt="North America" href="#north-america">
  <area shape="rect" coords="150,200,260,350" alt="South America" href="#south-america">
 <area shape="rect" coords="275,0,430,150" alt="Europe" href="#europe">
  <area shape="rect" coords="300,150,425,300" alt="Africa" href="#africa">
   <area shape="rect" coords="425,45,675,225" alt="Asia" href="#asia">
  <area shape="rect" coords="525,230,680,325" alt="Oceania" href="#oceania">  
 
</map>