<div id="mainimage">
<audio id="1st_sound"><source src="http://translate.google.com/translate_tts?ie=UTF-8&tl=en&q=fire+engine" type="audio/mpeg" /></audio>
<audio id="2st_sound"><source src="http://translate.google.com/translate_tts?ie=UTF-8&tl=en&q=train" type="audio/mpeg" /></audio>
<audio id="3st_sound"><source src="http://translate.google.com/translate_tts?ie=UTF-8&tl=en&q=car" type="audio/mpeg" /></audio>
<audio id="4st_sound"><source src="http://translate.google.com/translate_tts?ie=UTF-8&tl=en&q=bus" type="audio/mpeg" /></audio>

<img src="../../images/image/1.JPG" width="212" height="300"  usemap="#my_image" />

<map name="my_image">
<area shape="rect" coords="0,0,106,150" onClick="document.getElementById('1st_sound').play(); return false;" />
<area shape="rect" coords="107,0,212,151" onClick="document.getElementById('2st_sound').play(); return false;" />
<area shape="rect" coords="0,151,107,300" onClick="document.getElementById('3st_sound').play(); return false;" />
<area shape="rect" coords="107,151,212,300" onClick="document.getElementById('4st_sound').play(); return false;" />
</map>