Example for HTML Image Map:
<body>
<img src="../My Pictures/images.jpg" width="392" height="194" border="0" usemap="#imglinks" />
<map name="imglinks">
<area shape="rect" coords="5,167,42,192" href="../My Pictures/cat-funny-animal.jpg">
<area shape="circle" coords="348,160,10" href="div-site.html">
<area shape="poly" coords="236,166,256,160,283,154,299,146,305,136,319,129,307,112,294,95,270,76,262,63,245,48,241,44,239,30,229,22,216,23,201,28,187,26,169,26,155,31,147,37,136,42,122,45,105,52,96,63,92,73,89,83,82,90,82,100,87,114,93,125,101,140,123,148,137,160" href="divscroll.html">
</map>
</body>
<body>
<img src="../My Pictures/images.jpg" width="392" height="194" border="0" usemap="#imglinks" />
<map name="imglinks">
<area shape="rect" coords="5,167,42,192" href="../My Pictures/cat-funny-animal.jpg">
<area shape="circle" coords="348,160,10" href="div-site.html">
<area shape="poly" coords="236,166,256,160,283,154,299,146,305,136,319,129,307,112,294,95,270,76,262,63,245,48,241,44,239,30,229,22,216,23,201,28,187,26,169,26,155,31,147,37,136,42,122,45,105,52,96,63,92,73,89,83,82,90,82,100,87,114,93,125,101,140,123,148,137,160" href="divscroll.html">
</map>
</body>
No comments:
Post a Comment