Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1911 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Onclick sur images superposées

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Onclick sur images superposées

n°2380961
voizins
Posté le 05-04-2021 à 21:16:04  profilanswer
 

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 :
  1. <script>
  2.   function play(){
  3.        var audio = document.getElementById("audio" );
  4.        audio.play();
  5.                  }
  6. </script>
  7.   
  8.     <td align="center" valign="middle"><img src="Images/olaf.gif" value="PLAY"  onclick="play()">
  9. <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>

mood
Publicité
Posté le 05-04-2021 à 21:16:04  profilanswer
 

n°2380963
mechkurt
Posté le 06-04-2021 à 10:02:55  profilanswer
 

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
n°2381017
voizins
Posté le 06-04-2021 à 16:34:01  profilanswer
 

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

n°2381022
mechkurt
Posté le 06-04-2021 à 17:07:13  profilanswer
 

Ç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
n°2381143
rufo
Pas me confondre avec Lycos!
Posté le 07-04-2021 à 18:09:45  profilanswer
 

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


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
n°2381421
reroll
Posté le 11-04-2021 à 11:23:22  profilanswer
 

Faudrait deja revoir les bases html / css IMO.

n°2381426
rufo
Pas me confondre avec Lycos!
Posté le 11-04-2021 à 13:37:17  profilanswer
 

C'est une évidence :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Onclick sur images superposées

 

Sujets relatifs
HTML Select et OnClick() ne fonctionne pas sur SafariFonction onclick .svg RER A
Lancer galerie lightbox sans images dans la pageremplacer les noms par les images
Inclure des images et du son dans un runnable .jar (amateur inside)Problème d'alloc mémoire avec PHP et lib GD pour générer des images
Lire beaucoup d'images BLOB en HTML[Web] Protéger l'accès à des images
Coder des images pour Livre Bds EPUBBesoin d'insérer des images en HTML5:)
Plus de sujets relatifs à : Onclick sur images superposées


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR