Forum Moderators: phranque

Message Too Old, No Replies

export graphic to an image map

         

Tremonti

8:38 pm on Jan 26, 2006 (gmt 0)



Hi all.

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 :)

jfodale

9:07 pm on Jan 26, 2006 (gmt 0)

10+ Year Member



Sounds as if you're using a program to generate image maps. The program should generate a chunk of code, somewhat similar to this:

<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.