au survol, l'animation change de direction
##########################################

.. code-block:: javascript

   var conteneur = document.getElementById('conteneur_animation');

   var anim_exemple_simple = bodymovin.loadAnimation({
     container: conteneur, // conteneur, obligatoire
     path: 'data.json', // fichier de données, obligatoire
     renderer: 'svg', // requis, moteur de rendu parmi 'svg','canvas','html'
     loop: true, // optionnel
     autoplay: true, // optionnel
     name: 'exemple-simple', // optionnel, permet de sélectionner l'animation par la suite dans certains cas (mettre un nom unique !)
   })

   // on exécute le code suivant uniquement une fois que Lottie a chargé le svg
   anim_exemple_simple.addEventListener("DOMLoaded", function(){

      // on sélectionne le premier groupe SVG
      var groupe = document.querySelector('g');

      // lors de l'entrée de la souris sur le groupe
      groupe.addEventListener( 'mouseenter', function(){

         // on lit à l'envers
         anim_exemple_simple.setDirection( -1 );
      } )

      // lors de la sortie de la souris du groupe
      groupe.addEventListener( 'mouseleave', function(){

         // on lit à l'endroit
         anim_exemple_simple.setDirection( 1 );
      } )
   });