0

コードに統合した宝くじアニメーションがあります。初期ロード時に特定のフレームを表示したいのですが、ユーザーがホバーすると、アニメーションが最初から開始されて完了します。

これは、最初のロードで表示したいものです-これは、最初のロードで表示したいものです

そして、これは完全なアニメーションです -ここに画像の説明を入力

これは私のコードです

let iconMenu = document.querySelector('.bodymovinanim1');
let animationMenu = bodymovin.loadAnimation({
    container: iconMenu,
    renderer: 'svg',
    loop: false,
    autoplay: false,
    path: "https://assets2.lottiefiles.com/packages/lf20_txJcSM.json",
});
animationMenu.addEventListener('DOMReady',function(){
    animationMenu.playSegments([1,200],true);
});
iconMenu.addEventListener('mouseover', (e) => {
    animationMenu.play();
});

これは私のフィドルです

誰でも私を助けてもらえますか?

4

1 に答える 1