Onclick sur images superposées.

Fermé
Voizins Messages postés 2 Date d'inscription lundi 5 avril 2021 Statut Membre Dernière intervention 6 avril 2021 - 5 avril 2021 à 16:21
 Voizins - 7 avril 2021 à 15:57
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>

A voir également:

4 réponses

jordane45 Messages postés 38205 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 juin 2024 4 676
5 avril 2021 à 17:18
Bonjour
C'est quoi les critères dont tu parles ?
0
Bonjour

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

Cordialement
0
jordane45 Messages postés 38205 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 juin 2024 4 676
Modifié le 5 avril 2021 à 17:36
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();
}
0
Bonsoir,

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

Cordialement
0
jordane45 Messages postés 38205 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 juin 2024 4 676
5 avril 2021 à 22:20
Quelle fonction faut-il utiliser où ??
Oui l'exemple que je t'ai donné et du JavaScript
0
Voizins Messages postés 2 Date d'inscription lundi 5 avril 2021 Statut Membre Dernière intervention 6 avril 2021 > jordane45 Messages postés 38205 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 juin 2024
6 avril 2021 à 19:13
Bonjour

Je n'arrive pas à associer dans du JavaScript l'audio, onClick et onMouseOut.
Pouvez-vous m'éclairer un peu.
0
jordane45 Messages postés 38205 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 juin 2024 4 676 > Voizins Messages postés 2 Date d'inscription lundi 5 avril 2021 Statut Membre Dernière intervention 6 avril 2021
6 avril 2021 à 19:26
As-tu corriger ton code HTML ?
Si oui montre-nous ce que tu as fait...
0
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
0