Onclick sur images superposées

Marsh Posté le 05-04-2021 à 21:16:04

Bonjour
J'ai 2 images superposées. Je souhaite déclencher un son en cliquant sur l'image supérieure (olaf.gif).
J'ai bien le son sur l'image souhaitée mais je perd tous les autres critères (dimensions olaf.gif, onClick et onMouseOut sur 5.png)
Merci de votre aide. :pt1cable:

Code :

<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>

Reply

Marsh Posté le 05-04-2021 à 21:16:04

Reply

Marsh Posté le 06-04-2021 à 10:02:55

Colle ton code dans un éditeur gérant la coloration syntaxique, tu verras vitre ton erreur...

Spoiler :

<img /><audio></audio> balise non ouverte avec tes trucs de rollover />

---------------
D3

Reply

Marsh Posté le 06-04-2021 à 16:34:01

Bonjour

Je vois bien le problème ... mais pas la solution.

Message cité 1 fois

Reply

Marsh Posté le 06-04-2021 à 17:07:13

Ça vas être chaud de t'aider alors...

Déjà met ton audio ailleurs dans ton code html, il n'a absolument pas besoin d'être à coté de l'image puisque tu l'appelles avec son id.

Et ensuite tu parles d'une "image supérieur", tu as 2 images l'une au dessus de l'autre ?
Si oui il faudrait peut-être commencer par mettre une deuxième balise image "fonctionnelle" non ?

---------------
D3

Reply

Marsh Posté le 07-04-2021 à 18:09:45

voizins a écrit :

Bonjour

Je vois bien le problème ... mais pas la solution.

<audio id="audio" src="Sound/TOON.wav" ></audio> width="100" height="75" alt=""

Y'a rien qui te choque ? :whistle: Des attributs qui ne sont pas dans une balise HTML...