Forum Moderators: phranque
I had a website, the builder of the website said to me:
After you’ve inserted several hotspots on top of a desired graphic, you must export the graphic as an image map so it will function in a web browser. Exporting an image map generates the graphics and the HTML containing map information for hotspots and corresponding URL links.
So now the question, how do I do that?
Thanks :)
<map id="myimagemap" name="myimagemap">
<area shape="rect" coords="143,19,266,45" href="http://URLHERE" title="" />
<area shape="rect" coords="143,60,266,88" href="http://URLHERE" title="" />
<area shape="rect" coords="320,19,445,46" href="http://URLHERE" title="" />
</map>
The "shape" tag describes the shape of the hotzone, in this case all 3 are rectangles. The "coords" tag indicates just what area of the map the hotzone should encompass. The "href" tag is where the link goes when the user clicks on that hotzone.
Copy and paste all of that map code into your webpage code. Then, when you display the image that will use the image map, use the "usemap" tag, like this:
<img src="URL OF IMAGE" usemap="#myimagemap" border=0>
Make sure you throw the border=0 on the end, or you'll get the funny link border around the entire image.