score:2

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() {
  console.log("click");
}

function doSomething2() {
  console.log("click2");
}
<img src="https://i.stack.imgur.com/suFoO.jpg" 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()">
</map>


Related Query

More Query from same tag