Изменить контейнер игрока bodymovin, наведя курсор мыши
Я хочу использовать bodymovin в качестве эффекта парения в моем новом проекте. в моем html много DIV, и я хочу, чтобы моя анимация воспроизводилась в каждом div, когда на нее наведена мышь. на самом деле мне нужно изменить контейнер моего игрока. Я попытался изменить параметр контейнера в функции JavaScript, которую я вызвал в событии onMouseOver(), но это не сработало.
вот код:
<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>