Spuštění zvuku při kliknutí na obrázek

<script>
var audio = new Audio('audio_file.mp3');
</script>

<img src="obrazok.jpg" onclick="audio.play();" />

Díky to funguje dobře. Nešlo by prosím aby se obrázek při stisknuté myši změnil a při puštění byl zase ten první?

<input type="image" src="100.png" onclick="audio.play ( )">

Nahraď onclick za onmousedown a onmouseup, a doplň si tam presne čo potrebuješ.

Změnil jsem to ale nefunguje mi to:

<input type="image" src="100.png" onclick="audio.play ( )" onMouseDown = "document.images['imBut'].src = '100.png'" onMouseUp = "document.images['imBut'].src = '200.png'">

Na stránce to ukáže tlačítko a text onMouseDown = "document.images['imBut'].src = 'imButdown.gif'"

<input type="image" je nezmysel, pozri sa na začiatok na <img> tag

Mě to ale nefunguje ani takto uš opravdu nevím co je tam špatně:

<script>
var audio = new Audio('sklo.mp3');
</script>

<img src="100.png" onclick="audio.play ( )" onMouseDown = "document.images['imBut'].src = '100.png'" onMouseUp = "document.images['imBut'].src = '200.png'">

Odkazuješ se tam na ID elementu, ale žádné jsi mu nepřiřadil.

Nechápu. Můžeš mi napsat co mám změnit?

<img id="imBut" ...

Super, funguje. Díky