wip #4012 @3

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 3d7742898e8abfd6ddc5ada4b1823a19596a6de6..d1eff1fc614ed08e274f6f643a1d061e7dd56589 100644 (file)
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -324,6 +324,7 @@ FluidbookLinks.prototype = {
         links.prepend('<div class="nonlinkarea"></div>');
         var $this = this;
 
+        this.initLottieAnimations();
         this.animateLinks();
         $this.initAnimatedContentsLinks();
 
@@ -338,6 +339,18 @@ FluidbookLinks.prototype = {
         this.resize();
     },
 
+    initLottieAnimations: function () {
+        var $this = this;
+        $('.lottie:not([data-lottie-inited])').each(function () {
+            var id = $(this).data('lottie-id');
+            var params = $this.fluidbook.settings.lottieAnimations[id][0];
+            params.animationData = $this.fluidbook.settings.lottieAnimations[id][1];
+            params.container = $(this).get(0);
+            lottie.loadAnimation(params);
+            $(this).attr('data-lottie-inited', '1');
+        });
+    },
+
     animateLinks: function () {
         if (this.fluidbook.settings.linkBlinkTime == 0 || this.fluidbook.settings.linkBlinkRepetition == 0 || !this.fluidbook.settings.mobileLinksRevealAnim || this.fluidbook.menu.viewMode()) {
             return;

diff --git a/style/fluidbook.less b/style/fluidbook.less
index baf64c185521d699f81b08eae4e2514fd4cc4f43..e9f4c1b2274770d7a07e0d665e189ba404450db1 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -1258,6 +1258,11 @@ html.ios body.portrait #interface {
     overflow: visible;
   }
 
+  .lottie {
+    width: 100%;
+    height: 100%;
+  }
+
   &.notinteractive {
     pointer-events: none;