Using the Popup Block with an HTML Image Map

New Zealand Oregon

 

To create this example, i used an HTML block with the following code:

<map id="worldImageMap" name="world_img_map">
<area shape="polygon" coords="285,135,295,135,295,155,275,155" href="/concrete5/popup-block/example-4/nz" alt="New Zealand"></area>
<area shape="polygon" coords="37,40,37,60,60,60,60,40" href="/concrete5/popup-block/example-4/oregon" alt="Oregon"></area>
</map>

Then i added the popup block to the page, with a CSS Selector rule with a value of "#worldImageMap area".

Like this post?
Tweet This

Enjoy this post?