Image Maps

Andrew D. Gable

First Post
How do I make one of these? Maybe I'm a technological retard, but I can't seem to figure it out. I'd like to do a thing on the site where you can click on a map and load up the HTMLs on the different kingdoms.
 

log in or register to remove this ad

Luke

Explorer
Try this link:
Creating HTML Image Maps

Consider working with the polygon shape, which may be excellent for tracing out approximate coastlines and borders.
It'll give you the following example (which may be enough):

<img src="trees.gif" usemap="#green" border="0">

<map name="green">

<area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html">

<area shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html">

<area shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html">

</map>
 

MythosaAkira

Explorer
You might also want to use a program designed for creating image maps. Instead of having to calculate the various coordinates yourself, you "draw" out areas on your image and the HTML is generated for you.

Paint Shop Pro has this functionality (and the beta of version 8 is free to download right now at http://www.jasc.com), though that might be overkill (though I highly recommend PSP for graphics work in general). Checking Google or Download.com should yield some freeware or shareware tools for this.

You can, of course, create the HTML by hand, but a helper program might save you some time.
 

Remove ads

Top