Onclick sur images superposées.

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.
Merci de votre aide.

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

4 réponses

  1. Bonjour

    C'est à dire : dimensions olaf.gif, onClick et onMouseOut sur 5.png.

    Cordialement
    1. Modérateur
      Alors .. déjà .. ton html n'est pas bon.

      Ce qui se trouve après le </audio> .. il devrait être au niveau de ton img non ?
      Ensuite.. tu peux mettre plusieurs actions dans un seul onclick .. ( mais tu ne peux pas mettre plusieurs attributs onclick )
      par exemple ;
      <img onclick="play()" onclick="autrechose()" />
      

      est totalement faut ..
      <img onclick="play(); autrechose()" />
      


      ou mieux encore
      A la place .. on fera
      <img onclick="unefonction()" />
      

      function unefonction(){
        play();
        autrechose();
      }
      
  2. Bonsoir,

    Quelles fonctions faut-il utiliser, est ce du JavaScript ?

    Cordialement
    1. Modérateur
      Quelle fonction faut-il utiliser où ??
      Oui l'exemple que je t'ai donné et du JavaScript
    2. @jordane45Bonjour

      Je n'arrive pas à associer dans du JavaScript l'audio, onClick et onMouseOut.
      Pouvez-vous m'éclairer un peu.
    3. Modérateur
      @VoizinsAs-tu corriger ton code HTML ?
      Si oui montre-nous ce que tu as fait...
  3. Bonjour,

    Je cherchai juste à ajouter une touche amusante sur une chasse au trésor pour mes petits enfants. Ce mélange html js est trop compliqué pour moi.

    Cordialement