[RÉGLÉ] Son au survol

[jmpo]

bonsoir, existe-t-il un module ou un autre moyen pour qu’un son soit émis lors du survol d’une image. 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.
Merci d’avance.
Bonne soirée

[lomart]

Bonjour,

Je n'ai pas l'impression qu'il existe une solution clé en mains.
Regardez si vous pouvez intégrer une de ces solutions : https://css-tricks.com/play-sound-on-hover/

[lomart]

J'ai rapidement fait une action pour UP (up.lomart.fr) qui remplit cette fonction

Il suffit d'installer UP puis de coller le dossier "audio_hover" contenu dans le zip ci-joint dans le dossier /plugins/content/up/actions

Ensuite dans un article, il suffira d'entourer l’élément sur lequel réagir avec ce shortcode

{up sound-hover=https://www.myinstants.com/media/sounds/happy_birthday.mp3}<img src="images/gateau.jpg">{/up sound-hover}

Par défaut, c'est l’événement survol qui lance le son, mais on peut en choisir un autre avec cette syntaxe

{up sound-hover=/media/sounds/mon_son.mp3 | evenement=onclick}JOUEZ{/up sound-hover}

C'est un premier jet, je risque de faire évoluer l'action avant de l'intégrer à UP

[jmpo]

merci beaucoup pour ce boulot... j'essaye ce week-end.
Bonne journée.

[jmpo]

J'ai installé Up et copié sound_hover dans

le dossier /plugins/content/up/actions. Comme je ne suis pas très doué en programmation :-) je suppose que

www.myinstants.com

doit être remplacé par le nom de mon site
Merci

[jmpo]

Qu'est-ce que tu entends par "

d'entourer l’élément sur lequel réagir avec ce shortcode"

[lomart]

je suppose que www.myinstants.com doit être remplacé par le nom de mon site

C'est l'emplacement du morceau de musique. Soit absolu si c'est sur un autre site ou relatif si c'est sur ton site (media/sounds/mon_son.mp3)

Qu'est-ce que tu entends par "d'entourer l’élément sur lequel réagir avec ce shortcode"

Ton élément c'est l'image et le shortcode est autour. Comme ci-dessous

{up sound-hover=/media/sounds/mon_son.mp3}<img src="images/gateau.jpg">{/up sound-hover}

[jmpo]

merci, lorsque je copie et adapte le code... j'ai bien l'image qui apparaît mais pas de son et dans l'administration j'ai en plus du code avant et après l'image... voir fichier joint

[jmpo]

pour insérer le code, j'ai simplement basculer l'éditeur... je ne sais pas s'il y autre chose à faire.
Désolé si je ne te réponds plus, mais je dois m'absenter jusque très tard... la suite ce sera pour demain. Merci pour ton investissement. Bonne soirée.

[lomart]

Pas besoin de passer en mode code. On peut mettre une image avec les shortcodes autour en mode wisywig

[jmpo]

J’essayerai demain, as-tu vu ma copie écran?

[lomart]

J’essayerai demain, as-tu vu ma copie écran?

C'est bon, cela devrait marcher.
Le plugin UP est activer ?

[jmpo]

Bonjour, le plugin est bien activé et pourtant cela ne fonctionne pas... je peux simplement avoir l'image qui s'affiche, mais pas de son.
Si je ne bascule pas l'éditeur, la photo n'apparait pas... j'ai la ligne de code qui est affichée.
Merci d'avance.

[pmleconte]

Bonjour,

Question un peu bête : êtes-vous bien en train de visualiser votre article sur votre site et non dans l'administration, car le plugin ne fonctionne que sur l'affichage "site" ?

Pascal

[jmpo]

mais bien sur :-) <je ne suis pas doué en programmation, mais pour le reste cela va :-)