map
HTML map Element
The HTML <map> image map element is used to designate <area> hotspot elements on an image. If you placed a picture on your desk at home and laid a clear sheet of glass the same exact size on top of it, that would be like an image map. You can then draw invisible zones on the clear glass that are interactive. You get interactive areas without touching the actual image.
Roll your mouse over my image below to see my hotspots in place in it.
HTML CODE EXAMPLE
<map name="myMap">
<area shape="rect" coords="10,10,124,51" href="index.html">
<area shape="circle" coords="102,219,46" href="contact.html">
</map>
<img src="myImage.jpg" usemap="#myMap" alt="pic" width="283" height="283">
<area shape="rect" coords="10,10,124,51" href="index.html">
<area shape="circle" coords="102,219,46" href="contact.html">
</map>
<img src="myImage.jpg" usemap="#myMap" alt="pic" width="283" height="283">
Roll your mouse over my image below to see my hotspots in place in it.
0 Response to "map"
Post a Comment