Rezaur's Development Network

How to add image map on wordpress post

I was touring my heir to post an image map on wordpress. and the solution I came up is like this……

<div style=”text-align:center; width:548px; margin-left:auto; margin-right:auto;”>

<img id=”Image-Maps_xxx” src=”http://www.yourimagesource.com/image.jpg/or what ever” usemap=”#Image-Maps_xxx” border=”0″ width=”548″ height=”245″ alt=”” />

<map id=”_Image-Maps_xxx” name=”Image-Maps_xxx”>

Now create the map on image by any imagemap editor in my case i have used dreamweaver……..

<area shape=”rect” coords=”327,203,541,240″ href=”link u want to make” alt=”” title=”” />

</map>

<!– Image map text links – Start – If you donotwish to have text links under your image map, you can move or delete this DIV –>

<div style=”text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:548px;”></div>

<!– Image map text links – End – –>

</div>

and that’s it