鼠标悬停更改bodymovin播放器容器

Question

我想在我的新项目中使用bodymovin作为悬停效果。 我的html中有很多DIV，当鼠标悬停在每个div上时，我希望动画在每个div中播放。实际上，我需要更改播放器的容器。 我试图在我在onMouseOver（）事件中调用的javascript函数中更改容器参数，但是它不起作用。

代码如下：

<div onMouseOver="wipeIn(this);" onMouseOut="wipeOut();">
<img src="images/Thumbnails/01.jpg"/>
</div>
<div onMouseOver="wipeIn(this);" onMouseOut="wipeOut();">
<img src="images/Thumbnails/02.jpg"/>
</div>

<script>        
var animation

    function wipeIn(e){
        animation = bodymovin.loadAnimation({
        container: e,
        direction: 1,
        renderer: 'svg',
        loop:false,
        autoplay: false,
        path: 'js/data.json'
     });            
        animation.play();
    }

    function wipeOut(){
        animation.setDirection(-1);
        animation.play();
    }
 </script>