Onclick on 2 images overlay

Hi,

I have 2 images overlay. I want to trigger a sound by clicking on the upper image (olaf.gif) 

I have sound on image but I lose all criteria: size olaf.gif, onClick and onMouseOut on 5.png.

Thank you for your help.

Voizins

<script>
       function play(){
       var audio = document.getElementById("audio");
       audio.play();
                 }
</script>
		  
    <td align="center" valign="middle"><img src="Images/olaf.gif" value="PLAY"  onclick="play()">
    <audio id="audio" src="Sound/TOON.wav" ></audio> width="100" height="75" alt="" onClick="this.src='Images/5.png';"        onMouseOut="this.src='Images/5.png' /></td>

On 4/5/2021 at 10:57 PM, voizins said:

Hi,

I have 2 images overlay. I want to trigger a sound by clicking on the upper image (olaf.gif) 

I have sound on image but I lose all criteria: size olaf.gif, onClick and onMouseOut on 5.png.

Thank you for your help.

Voizins

<script>
       function play(){
       var audio = document.getElementById("audio");
       audio.play();
                 }
</script>
		  
    <td align="center" valign="middle"><img src="Images/olaf.gif" value="PLAY"  onclick="play()">
    <audio id="audio" src="Sound/TOON.wav" ></audio> width="100" height="75" alt="" onClick="this.src='Images/5.png';"        onMouseOut="this.src='Images/5.png' /></td>

 

What is your current site url, we can help having a look