Accepted answer

You can use the <map> and <area> tags like below. You can add more <area> tags for each "button" and give it an action. You'll have to play around with the coords a bit.

function doSomething() {

function doSomething2() {
<img src="" width="imgwidth" height="imgheight" alt="alttext" usemap="#mapname">

<map name="mapname">
    <area shape="rect" coords="40,10,130,130" alt="alttext" onclick="doSomething()">
    <area shape="rect" coords="130,10,250,130" alt="alttext" onclick="doSomething2()">

Related Query

More Query from same tag