Give Multiple link to an image in HTML

0
16

 

Its ofen required to give more than one link to an image with in HTML, the image might me well created to provide link areas and we need to give proper link to the designed portions to avoid multiple image management and complex designs

Image

 

<map name=”myMap”>
<area href=”http://google.com” shape=”rect” coords=”21, 14, 214, 51″>
<area href=”http://facebook.com” shape=”rect” coords=”20, 66, 229, 124″>
<area coords=”21, 137, 226, 188″ shape=”rect” href=”http://meabi.com/“>
</map><img border=”0″ src=”meabi.gif” usemap=”#FPMap0″ width=”255″ height=”201″>

Give coords ( co ordinates ) accordingly to link to various sites

coords are of the form x1,y1,x2,y2 , If the shape attribute is set to “rect”, it specifies the coordinates of the top-left corner and the bottom-right corner of the rectangle

Image

Find Co Ordinates with tools like Frontpage or Irfanview

LEAVE A REPLY

Please enter your comment!
Please enter your name here