Image Maps

[Andrew D. Gable]

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.

 

[Luke]

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]

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.