in our real life.
What is image map?
In an image mapping one image is used and multiple of clickable areas we define this technique is called image maps,
There are three different shapes used in image map first is "Rect" second is
"Circ" and third is "poly".
It is short for rectangle.
We'll need two different
co-ordinates Top right and
It is the easiest of all.
All we need is the centre
co-ordinate the point in
the centre of our shape
and it's radius size.
It is used for the polygon.
So if we are going to have a
pentagon, then we list all
five co-ordinates. All
co-ordinates should have
listed in order.
In Image mapping we can add events that can call a
to the <area> tags inside the image map.
The <area> tag supports the onClick, onDblClick, onMouseDown, onMouseUp, onMouseOver,
onMouseMove, onMouseOut, onKeyPress, onKeyDown, onKeyUp, onFocus, and onBlur events.
<area href="" shape="circle" coords="139, 130, 48"
<area href="" shape="circle" coords="88, 55, 47"
<area href="" shape="circle" coords="48, 137, 48"
<img src ="Apples.gif" alt="Put your mouse over any apple" width ="198"
="202" usemap="#myApplesMapping" /></p>
Put your mouse over any apple now.