Jouer un son au survol de la souris, lors d'un clic ou tout événement javascript
{up sound_hover=fichier_son }image{/up sound_hover}- sound_hover: fichier_son
- evenement = onmouseenter: ou onclick, onmouseover...
Style CSS
- tag = div: balise pour le bloc. span pour un bloc inline
- id: id genérée automatiquement par UP
- class: classe(s) pour le bloc parent
- style: style pour le bloc parent
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}upactionslist (1) sound-hover (3) jcontent-info (1)