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.

snippet
<html>
<head></head>
<body>
<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">
</map>
</body>
</html>

Output
Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents +