Son au survol

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Son au survol

    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
    Dernière édition par jmpo à 11/11/2017, 14h37

  • #2
    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/
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      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
      Code:
      {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
      Code:
      {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
      Fichiers joints
      UP, le plugin universel à découvrir sur https//up.lomart.fr
      bgMax
      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

      Commentaire


      • #4
        merci beaucoup pour ce boulot... j'essaye ce week-end.
        Bonne journée.
        Dernière édition par jmpo à 10/11/2017, 14h45

        Commentaire


        • #5
          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

          Commentaire


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

            Commentaire


            • #7
              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

              Code:
              {up sound-hover=/media/sounds/mon_son.mp3}<img src="images/gateau.jpg">{/up sound-hover}
              UP, le plugin universel à découvrir sur https//up.lomart.fr
              bgMax
              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

              Commentaire


              • #8
                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 jointCliquez sur l'image pour l'afficher en taille normale

Nom : 972081tomatecode.jpg 
Affichages : 117 
Taille : 98,3 Ko 
ID : 1969196

                Commentaire


                • #9
                  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.

                  Commentaire


                  • #10
                    Pas besoin de passer en mode code. On peut mettre une image avec les shortcodes autour en mode wisywig
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


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

                      Commentaire


                      • #12
                        J’essayerai demain, as-tu vu ma copie écran?
                        C'est bon, cela devrait marcher.
                        Le plugin UP est activer ?
                        UP, le plugin universel à découvrir sur https//up.lomart.fr
                        bgMax
                        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                        Commentaire


                        • #13
                          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.

                          Commentaire


                          • #14
                            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
                            If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                            Commentaire


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

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X