Jouer un son au clic d'une partie d'une image

Fermé
NewGuy - 7 avril 2013 à 13:16
 rgeg - 10 avril 2013 à 05:44
Bonjour,
Je débute en webmastering, et je suis confronté à un problème :
J'ai créer un lien sur une partie de mon image (que l'on nommera "image.jpg). J'ai procédé comme suis :
<img src="image.jpg" border="0" usemap="#imagemap" />
<map name="imagemap" id="Map">
<area shape="circle" coords="466,370,20" href="lien" />
</map>

Maintenant, je voudrais qu'un son "clic" personnalisé se déclenche au moment ou l'utilisateur cliquera sur ce morceau d'image. J'y arrive habituellement, mais je n'arrive pas à effectuer la manoeuvre avec ce cas particulier.

Merci par avance de votre aide ;)

Je vous souhaite un excellent dimanche.

A bientôt !
A voir également:

1 réponse

Spritkiller Messages postés 11 Date d'inscription samedi 19 novembre 2011 Statut Membre Dernière intervention 5 novembre 2014 1
8 avril 2013 à 17:42
Je pense qu'il faudrait plutôt du javascript pour ça. A ma connaissance, il n'est pas possible de faire ça en HTML.
1
J'y ai pensé, mais je ne connais pas du tout ce langage !
Quelqu'un pour m'éclairer ?
0
Salut voici pour de l'aide et apprendre javascript:

http://www.toutjavascript.com
mais il y a en a plein d'autres, celui ci est assez complet et moins vulgarisateur que sdz.

Comme dit spirit HTML sert très peu à gérer les événements(quoique ça change avec HTML5 et des astuces CSS comme les pseudo classes).
javascript est utilisé depuis les débuts d'internet bien qu'il n'ai pas été fait pour ça à la base(bien avant css), car il peut servir à de la programmation événementielle, çàd de l'interactivité comme ceci:

Il se passe un événement-->il doit se produire quelque chose.

Cet événement peut être le chargement de la page, un clic de l'utilisateur, un survol à la souris, un compte à rebours, etc... les événements possible sont potentiellement illimités, ils sont déterminés par les besoins et fonctionnalités.

Pour ce que vous voulez faire javascript est parfait:

Lorsque l'utilisateur appuie sur le bouton--> jouer un son

C'est un des cas typique de l:'utilisation de javascript(l'autre courant est l'utilisatioln de variable pour donner/stocker/contrôler une information, il peut être aussi combiné avec un événement déclencheur donc on retombes sur la programmation événementielle).

note:

Avant CSS les boutons avaient une fonction(fonction est un terme de programmation) javascript qui permettait de changer l'image quand la souris passait dessus ce qui donnait l'impression que le bouton est enfonça.
Maintenant en CSS c'est plus simple et demande moins de ressources et cette méthode à quasiment disparu au profit du CSS et de la propriété hover(survol souris, une des pseudo classes CSS dont je parlait au début).

En terme de code vous allez utiliser la propriété onClick qui permet d'appeler la fonction javascript qui charge (et joue)le son.

Il y a d'autres méthodes, comme utiliser un bouton en flash, utiliser un player(flash ou javascript) qui sont aussi couramment employées.
0