Lottie file configuration using js

HTML

<section id="first-lottie-banner">
</section>

Lottie’s configuration using JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.6.4/lottie_svg.min.js"></script>
<script>
var container = document.getElementById('first-lottie-banner');
var animation = bodymovin.loadAnimation({
  container: container,
  path: 'lottie-json-file-path',
  renderer: 'svg',
  loop: false,
  autoplay: false,
  name: "Demo Animation",
});
</script>

Thank you.

Leave a comment

Your email address will not be published. Required fields are marked *