sound_hover ~ joue un son

Jouer un son au survol de la souris, lors d'un clic ou tout événement javascript

➠ sound_hover : Joue un son au survol, ou événement JS, d'un élément

Cliquer pour lire la documentation

syntaxe {up sound_hover=fichier_son }
author LOMART version 1.0 license GNU/GPLv3 credit script xxx de xxx
  • sound_hover: le paramétre principal
  • class: classe(s) pour le bloc parent
  • style: style pour le bloc parent
  • evenement=onmouseenter: ou onclick, onmouseover...
  • tag=div: balise pour le bloc. span pour un bloc inline

    J'ai crée cette action pour répondre à la demande d'un membre du forum.

    JMPO: Je dois faire un site internet pour ma fille qui fait un stage chez des enfants différents et elle aimerait que lorsqu’un des enfants passe la souris sur une image, il entende le nom de qui est sur l’image... par exemple une photo d’une tomate, il entend tomate.

    Son besoin était qu'un son soit joué lors du survol d'une photo.

    Le code ci-dessous permet d'avoir ce résultat

    {up sound-hover=images/son/tomate.mp3}<img src="images/photos/tomate.jpg">{/up sound-hover}
    {up sound-hover=images/son/haricot.mp3}<img src="images/photos/haricot.jpg">{/up sound-hover}
    

    Les options

    le paramétre principal de l'action est le nom du fichier son. Le chemin du fichier peut être relatif à la racine du site (ex:images/foo.mp3) ou absolu (ex: https://site.fr/foo.mp3). Le mp3 est recommandé.

    Par défaut, le son est joué lorsque la souris survole le contenu (onmouseenter). L'option evenement accepte tous les événements javascript : onclick, onmouseover, ...

    Le contenu est encadré par un bloc div, mail il est possible d'indiquer tout autres types avec l'option tag

    Comme de coutume, le bloc parent peut être stylé à l'aide des options class et style

    et le code:

    {up sound-hover=https://www.myinstants.com/media/sounds/happy_birthday.mp3 | evenement=onclick | tag=button |class=btn-primary}Cliquer pour entendre un happy birthday{/up sound-hover}