I currently use this animation to switch from one face to the next on hover. If you would also like to have the same functionality use this code with Lottie interactivity. LottieInteractivity.create( { player: '#faces', mode:"chain", actions: [ { state: 'autoplay', frames: [1,104], transition: 'onComplete', delay: [970], jumpTo: [2] }, { state: 'autoplay', frames: [2,104], transition: 'onComplete', }, { state: 'loop', frames: [105,239], transition: "hover", }, { state: 'autoplay', frames: [240,358], transition: 'onComplete', }, { state: 'loop', frames: [359,557], transition: "hover", }, { state: 'autoplay', frames: [558,737], transition: 'onComplete', }, { state: 'loop', frames: [738,901], transition: "hover", }, { state: 'autoplay', frames: [902,961], transition: 'onComplete', }, { state: 'autoplay', frames: [0,1], transition: 'onComplete', jumpTo: [1] } ], });
2 years ago
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2024 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2024 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam