Hola Norton:
Voy a tratar de explicarte más detalladamente el proceso:
En primer lugar, si quieres que que suene solo al pasar el puntero sobre el índice, entonces tiene que ser javascript puro, y el "evento que lo activa es onmouseover...
... cuando pasa el puntero por encima es onmouseover y si quieres hacer click es onclick, incluso el doble click es ondblclick...
... Si quieres que se pinche sobre un sitio, puedes usar la etiqueta "<a>" típica html.
Entonces creo que lo que quieres es usar el evento onmouseover, y la forma de ponerlo es en cualquier tag, tal como se pone onclick...
El ejemplo que te puse es (copy & paste) de mi página de caricaturas, y salta con el "evento onclick" cuando se quiere ampliar una imagen (puedes probarlo en mi página, en la sección de galería... al pinchar sobre cualquier miniatura, se trata de una risa aleatoria, pero voy a explicarte como funcionaría con un sonido concreto.
Antes de continuar, he de avisarte que es html dinámico, donde se crean contenidos de forma dinámica, y que algunos browser's antiguos tal vez no soporten.
Hay que poner una etiqueta div "vacía" con cualquier atributo "ID" (pero existente) en el ejemplo es:
<div id=fantasma></div>
Lo que importa es que haya en la página un sitio donde crear un contenido, y ese contenido es el sonido.
Luego tienes que subirte el fichero "wav", en mi ejemplo son "au" (los pillé con esa extensión, pero son iguales)... en mi ejemplo son rutas relativas, pero podrían ser absolutas (tal como pones los link's)
Entonces para un fichero gritos.wav que podría estar así:
www.tupagina.com/sonidos/gritos.wav, puedes crear el texto javascript equivalente a una etiqueta embed...
<embed src=www.tupagina.com/sonidos/gritos.wav hidden=true>
... entrecomillando principio y fin del tag, e incrustarlo en el div "fantasma"... No debes olvidarte de poner el atributo hidden=true para que no se vea la gramola.
... para incrustarlo te ayudas del método javascript getElementById... innerHTML;
Resumiendo, en el head algo así:
<head>
<script language=javascript>
function sonar(){
document.getElementById("fantasma").innerHTML = "<embed src=www.tupagina.com/sonidos/gritos.wav hidden=true>";
}
</script>
...
</head>
dentro del body la etiqueta div fantasma del ejemplo y otra donde se active el evento por ejemplo una imagen...
<img src="unaimagen.gif" onmouseover="sonar()">
Espero que te sirva...
Saludos
