[...] wenn man auf [...] ein Bild klickt und ein Soundbeispiel ist zu hören [...]

Das ist auf verschiedenen Wegen zu erreichen.

Die IMHO eleganteste Art ist die Nutzung der Browser Eigenen Player, dann brauchst Du keinen Player einzubinden und Du kannst sicher sein, dass alle Besucher Deiner Site den Sound hören, wenn sie nicht gerade mit einem absoluten Exoten browsen.

Einen kleinen Nachteil hat die Methode: Du musst mindestens 2 verschiedene Dateiformate des abzuspielenden Sounds online stellen, eine MP3 Datei- und eine OGG Datei.

Das ist nötig, damit auch Browser, wie der FireFox, den Sound abspielen. Der FF (und andere) können aus Lizenzrechtlichen Gründen keine MP3 Dateien abspielen...

Die Auswahl des richtigen Dateiformats machen die Browser dann selbst.

Der Code, den Du brauchst, um den Effekt zum Leben zu erwecken, sieht z. B. so aus:

Im HTML Head Bereich eines entsprechend aufbereiteten Platzhalters (z. B. ein Bild) sollte die u. a. Funktion stehen:

--------------------------------------
<script type="text/javascript">
function EvalSound(soundobj) {
  var thissound=document.getElementById(soundobj);
  thissound.Play();
}
function StopSound(soundobj) {
  var thissound=document.getElementById(soundobj);
  thissound.Stop();
}
</script>
--------------------------------------

Eigentlich handelt es sich um 2 Funktionen.
Die erste "EvalSound" ist für das Starten des Sounds zuständig, wenn auf das auslösende Objekt (Platzhalterbild) geklickt wird.
Die zweite sorgt dafür, dass der Sound stoppt, wenn die Maus das auslösende Obekt verlässt.

Der folgende Code gehört in den HTML Body des Platzhalters:

--------------------------------------
<embed src='index_htm_files/musik.mp3' type="audio/mpeg";  src='index_htm_files/musik.ogg' type="audio/ogg" autostart=false width=1 height=1 id="sound1" enablejavascript="true"></embed>
<img src="index_htm_files/iPod.png" width=88px height=95px onClick="EvalSound('sound1')" onMouseOut="StopSound('sound1')">
--------------------------------------

Damit werden die Pfade und die Namen der beiden Sounddateien definiert (hier "musik.mp3" und "musik.ogg"), oben gelb markiert und der Name und Pfad des Platzhalter Bilds angegeben, oben grün markiert.

Für das Beispiel bin ich davon ausgegangen, dass alle Dateien im Verzeichnis "index_htm_files" liegen. Solltest Du das anders organisieren wollen, musst Du die Codes entsprechend anpassen.

Die zur Anleitung passende online Demo kannst Du Dir hier ansehen.

Die lauffähige WD8 Projektdatei kannst Du Dir hier für eigene Experimente herunterladen, inkl. des Hilfsverzeichnisses (HV), in dem die Musikstücke- und das iPod Bild abgelegt sind.
Das HV sorgt dafür, dass die enthaltenen Dateien automatisch in das Verzeichnis "index_htm_files" kommen, wenn Du das Projekt exportierst.

Viel Erfolg