Image Map with onMouseover/onMouseout

Making a map is pretty easy.All you need is an image.Then you use the Image Map Site to get the coordinates for the links on the image.

Example Map

You can do it too.Look below.

Sample Code

<img src="address" usemap="#gals">
<map name="gals">
<area shape="rect" href="address to goto"onMouseover="window.status='text'"onMouseout="window.status='text'" coords="40,71,47,74">
<area shape="rect" href="address to goto"onMouseover="window.status='text'"onMouseout="window.status='text'" coords="101,40,105,45">
<area shape="rect" href="address to goto"onMouseover="window.status='text'"onMouseout="window.status='text'" coords="149,60,155,68">
</map>

Information

Where you see red in the above code those are single quotes.Use them.

The 4 numbers are the coordinates for eack link.I have links in my map above.Same numbers in my sample code.The first 2 numbers are for the upper left corner of each gals eye.The other 2 are for the lower right corner.

That is what you do.Imagine a square around a spot on an image.The upper left (2 nums) and lower right (2 nums) are you coordinates.You will use a movable arrow at the Image Map site to click at the upper left and lower right spots of your imagined square to get your own numbers.

Copy and paste the sample code.Enter your own:
image address,links addresses,and coordinates.

You can enter an image address into my form field HERE or click the button below and it will be all ready to go at the Image Map Site when you get there.