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 );
} )
});