Image Maps in ezwebin Banners
Tuesday 16 August 2011 5:40:09 am
The first and last lines are the key
Middle section defines the regions :
<map id="#banner_map" name="banner_map"> <area shape="rect" coords="12,7,243,110" href="http://cms-software-review.toptenreviews.com/index.html" alt="Award Winning eZ Publish" title="Award Winning eZ Publish" /> <area shape="rect" coords="251,31,498,153" href="http://lakedata.net/index.php/eng/Knowledge/eZ-Publish/eZ-Publish-the-100-percent-solution/" alt="100 percent solution for Web Content" title="100 percent solution for Web Content" /> <area shape="rect" coords="512,13,744,162" href="http://ez.no/customers" alt="Client base" title="Client base" /> </map>
The 'name' attribute should always have “banner_map” as value. Indeed, once the map is applied (see further below : “Applying the map”), eZ Publish automatically refers to it by the “banner_map” name, from the <img> tag. Easy.
Image Maps Definition
Image maps are clickable overlays of html images on a web page that act as hyperlinks to other content. The MAP tagging is standard html, defining the regions is a bit of an art form. More MAP tag info at w3schools.com, http://www.w3schools.com/TAGS/tag_map.asp
Simple Image Map Generation
This online image map generator can quickly bring newbies up to speed by supplying examples via automated code generation.