Image Maps using <object> element

The <object> element can be used to insert an image map. Change the <img> element to the <object>..<object> element and the src attribute to the data attribute.

<object data=logo.jpg" usemap="#map_name" type="image/jpeg" width="500" height="400"></object>
<map name="map_name">
<area href="page1.html" shape="rect" coords="100,100,200,200">
<area href="pdf.html" shape="circle" coords="100,400,500">
<area href="image.jpeg" shape="poly" coords="200,350,400,200,450">
<area href="desc.txt" shape="default">

Related Tutorial
Follow Us #