Onclick sur images superposées.

Signaler
Messages postés
2
Date d'inscription
lundi 5 avril 2021
Statut
Membre
Dernière intervention
6 avril 2021
-
 Voizins -
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

Messages postés
32040
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 avril 2021
3 378
Bonjour
C'est quoi les critères dont tu parles ?
Bonjour

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

Cordialement
Messages postés
32040
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 avril 2021
3 378
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();
}
Bonsoir,

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

Cordialement
Messages postés
32040
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 avril 2021
3 378
Quelle fonction faut-il utiliser où ??
Oui l'exemple que je t'ai donné et du JavaScript
Messages postés
2
Date d'inscription
lundi 5 avril 2021
Statut
Membre
Dernière intervention
6 avril 2021
>
Messages postés
32040
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 avril 2021

Bonjour

Je n'arrive pas à associer dans du JavaScript l'audio, onClick et onMouseOut.
Pouvez-vous m'éclairer un peu.
Messages postés
32040
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
7 avril 2021
3 378 >
Messages postés
2
Date d'inscription
lundi 5 avril 2021
Statut
Membre
Dernière intervention
6 avril 2021

As-tu corriger ton code HTML ?
Si oui montre-nous ce que tu as fait...
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