TIP - To keep your main (html) - page neat and easy to read, you can put the head or body javascript into an external .js file (minus html tags) and reference it from your page thus -
<script language="JavaScript1.2" src="MY.js"type="text/javascript"></script>



Image maps - this code is for the example below - using 4 images


- increase or remove preloads, functions and alter area tags as required.
   Keep your image and function names related - see comments in code.



Right-click - 'select all' (ctrl-a) then copy (ctrl-c) and paste to 'HEAD' of your page.




Right-click - 'select all' (ctrl-a) then copy (ctrl-c) and paste to 'BODY' of your page.




Example     (Copy) 


How to write the 'area' tag (map the linked part) of the image -
'coords' are measured in pixels from '0,0' (left-top) - x across, y down, r radius.



<<   Mouseover darker shapes



Rectangle


<area shape="

rect

" href="----.htm" coords="x,y,

x,y

">


Circle


<area shape="

circle

" href="----.htm" coords="x,y,r">

Polygon


<area shape="

poly

" href="----.htm" coords="x,y,....x,y">
All points - start to start inclusive:
(No. of x,y pairs = no. of points+1)
    ---starting anywhere.

micsimmo airelec kidsimmo