Hola

Muchas gracias por tu respuesta.

He probado los tres ejemplos,

en el primero, es el que más se acerca, cuando visualizo un solo de los png, reproduce el archivo.

Pero a la que pongo dos archivos png con su diferente archivo mp3 no me reproduce ninguno.

Si intento poner solo uno en una pagina diferente, si me reproduce ambos archivos, es decir no estan los dos en la misma pagina, primero pruebo con un archivo, funciona y luego pruebo con otro, y funciona. Pero a la que pongo los dos en la misma, no me reproduce ninguno.

te pongo la web para que lo veas más claro:

Lo que quiero es que en esta web aparezcan los dos archivos png:
http://sact.es/02/C/06/p/mu.htm
pero aqui no reproduce ninguno

Si coloco en una pagana sola 1 archivo:
http://sact.es/02/C/06/p/mu1.htm
funciona

Si coloco el otro archivo en otra página:
http://sact.es/02/C/06/p/mu2.htm
Tambien funciona

Pero no cuando ambos están en la misma página.

De los otros ejemplos:

El segundo caso, sí reproduce el archivo, pero veo los controles en pantalla, cosa que no quería

y en el tercer caso, al hacer clic en la imagen me pide si quiero descargar el archivo.

en general solo veo que la opción 1 es la que más se puede acercar, pero no consigo que suenen más de dos archivos diferentes.

¿hay alguna cosa que hago mal?

gracias

Hola, claro lo que pasa es que tiene que cambiar el id del audio y de la imagen para cada código, dejo un ejemplo más simplificado, como siempre cada código con su marcador de lugar, solo tiene que cambiar las url y el id

<audio id="pato">
    <source src="http://picomartillo.magix.net/public/pru/pato.mp3" type="audio/mpeg" />
</audio>
<img src="http://picomartillo.magix.net/public/pru/735.jpg" onClick="document.getElementById('pato').play(); return false;" />

<audio id="canario">
    <source src="http://picomartillo.magix.net/public/pru/canario.mp3" type="audio/mpeg" />
</audio>

<img src="http://picomartillo.magix.net/public/pru/737.jpg" onClick="document.getElementById('canario').play(); return false;" />

<audio id="ranas">
    <source src="http://picomartillo.magix.net/public/pru/ranas.mp3" type="audio/mpeg" />
</audio>

<img src="http://picomartillo.magix.net/public/pru/736.jpg" onClick="document.getElementById('ranas').play(); return false;" />

un marcador de lugar por cada audio

aquí un ejemplo de la imagen con reproductor y de los tres códigos.

http://picomartillo.magix.net/public/o1/ver-a.htm

Un saludo.

Hoooolaaa

He hecho unas pruebas y por lo que puedo ver es

PEEEEEEERFEEEEEEEEEEEECTOOOOOOOOOOOOOO

MUCHAS GRAAAAAAAAAAAAACIASSSSSSSSS

ok me alegro por la solución

Una pregunta más,

¿Existe la posibilidad de que cuando hagan clic en la imagen, muestre otra imagen sobre la imagen clicada?

He intentado hace una capa con la imagen pero no acaba de mostrarla y hacer un grupo suave suave en capa mouseover, pero o no acaba de funcionar o me pone la imagen dónde no quiero que vaya.

no sé si empezar un post nuevo, o si verás este.

Gracias!!!

Hola, para hacer eso tiene que crear una nueva capa y arrastrar la imagen desde mouse off a dentro de esa capa

luego hay que hacer el enlace de la imagen principal a la segunda

aquí un ejemplo

http://picomartillo.magix.net/public/o1/ver-a.htm

Un saludo.

Perfecto, no sé por qué no lo conseguia antes, era bastante simple. Pero bueno, lo he conseguido, así que muchas gracias!!!

Vic