What is this? This helps you make imagemaps (pictures with links imbedded as coordinates). I used to use Adobe Photoshop but it took so long to open photoshop and the coordinates did not perfectly agree with MS IE. I figured I could implement this and be able to get the job done quicker and within the same environment I was working. Click the image above, once to set the top left coordinate, then again to set the bottom right. A prompt appears allowing you to COPY the text and paste it in a link in the source code. Obviously you will be using your own pictures, use the browse button above to load your own image and get coordinates. Incomplete: area shape=circle Multi coordinate polygon Choose Browse to find the image on hard disk. Type or Paste the URL for an internet document. example: http://www.maps.com/maps/map.jpg <img src="imagemap.gif" width="6" height="6" usemap="#imagemap" name="map"> <map name="imagemap"> <area shape="rect" coords="x1,y1,x2,y2" href="location.html" title=""> <area shape="poly" coords="x1,y1,x2,y2,x3,y3" href="location.html" title=""> <area shape="circle" coords="x1,y1,r1" href="location.html" title=""> <area shape="point" coords="x1,y1,x2,y2" href="location.html" title=""> <area shape="default" href="location.html" title=""> </map>
ShapeRegionCoordinates
RECTdefines a rectangular regionrequires the upper left and lower right x,y coordinates
CIRCLEdefines a circular regionrequires the x,y coordinates of the center point and radius (in pixels); x,y r
POLYdefines a polygonal regionrequires the x,y coordinates of each vertex in clockwise rotation; you can define up to 100 points
POINTdefines a single pointrequires the x,y coordinates of single point
DEFAULTspecifies the entire region; regions not defined as a hotspotn/a