Изменить контейнер игрока 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>

0 ответов

Другие вопросы по тегам