I’m trying to insert a custom image map into a blog post, so that clicking on different parts of an image at the top of the post will lead to anchors in other parts of the post.
I have generated the image map code correctly, and tested it in a separate non-wordpress plain HTML page, where it worked fine.
Whenever I insert the HTML (using the code view, not the WYSIWYG editor view), it gets erased as soon as I save the post. However, I checked and it looks like
<area> are both permitted tags on Wordpres.com.
This blog is not hosted by WordPress.com (it’s actually a site on the WPMU instane hosted right here on Stack Exchange), but I would assume that by default, the downloaded version of WordPress would allow at least the same tags as the WordPress.com hosted blogs.
Is there a setting which a network super-admin has to change to allow these tags, or am I inserting them incorrectly? If the tags are allowed, what might cause them to be outright removed?
yes, it should achievable like this ..
<div> <img class="alignnone" id="imageMaps" src="http://img.mywordpresstips.com/images/Sloan-Royal-Flushometer.png" alt="" width="298" height="595" usemap="#flushometer" border="0" /> <map name="flushometer" id="flushometer"> <area shape="rect" coords="219,6,277,41" href="http://businessplumbing.com/products-page/lavatory-sink/sloan-royal-flushometer-a-72-cp-cover/" alt="A-72 CP Cover" /> <area shape="rect" coords="218,42,278,70" href="http://businessplumbing.com/products-page/lavatory-sink/sloan-royal-flushometer-a-71-inside-cover/" alt="A-71 Inside Cover" /> </map> </div>
copy the whole code (including div) and paste in HTML tab in editor .
the top 2 “covers” on this drawing should work as different links.