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:

Img onclick
Img burn - Télécharger - Gravure
Fichier img - Télécharger - Photo & Graphisme
Fichier .img - Forum Gravure
Comment lire un fichier .img? (image de DVD) - Forum Gravure
Comment créer un fichier .IMG (comme on sait le faire en .iso) ✓ - Forum Gravure

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 711
5 avril 2021 à 17:18

Bonjour
C'est quoi les critères dont tu parles ?

Réponse 2 / 4

Voizins
5 avril 2021 à 17:30

Bonjour

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

Cordialement

jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 711
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();
}

Réponse 3 / 4

Voizins
5 avril 2021 à 22:05

Bonsoir,

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

Cordialement

jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 711
5 avril 2021 à 22:20

Quelle fonction faut-il utiliser où ??
Oui l'exemple que je t'ai donné et du JavaScript

Voizins Messages postés 2 Date d'inscription lundi 5 avril 2021 Statut Membre Dernière intervention 6 avril 2021 > jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 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.

jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 711 > 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...

Réponse 4 / 4

Voizins
7 avril 2021 à 15:57

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

Discussions similaires

ouvrir un fichier .img

Comment ouvrir un fichier .img

buda_vfs.img ?? Virus ou pas ??

image/lien HTML

Comment ouvrir un fichier IMG