Html 单击2个叠加图像

我有4组2个叠加图像。我想通过点击上面的图像（olaf.gif）来触发声音 每组图像都有特定的声音

我不知道如何处理同一行中的两个onClick

谢谢你的帮助

  <td align="center" valign="middle"><img src="Images/olaf.gif" width="100" height="75" alt="" onClick="this.src='Images/5.png';" onMouseOut="this.src='Images/5.png' /></td>
  <td width="19%" align="center" valign="middle"></td>
    <td align="center" valign="middle"><img src="Images/olaf.gif" width="100" height="75" alt="" onClick="this.src='Images/non.png';" onMouseOut="this.src='Images/non.png' /></td>
  <td width="19%" align="center" valign="middle"></td>
    <td align="center" valign="middle"><img src="Images/olaf.gif" width="100" height="75" alt="" onClick="this.src='Images/DIABLE.gif';" onMouseOut="this.src='Images/oui.gif' /></td>
  <td width="19%" align="center" valign="middle"></td>
    <td align="center" valign="middle"><img src="Images/olaf.gif" width="100" height="75" alt="" onClick="this.src='Images/oui.gif';" onMouseOut="this.src='Images/oui.gif' /></td>
  <td width="19%" align="center" valign="middle"></td>
  </tr>