Adding fixed bubbles

2020-06-16 13:51:25 +02:00
parent d54e884063
commit 8e67a41063
2 changed files with 26 additions and 14 deletions
@@ -225,9 +225,6 @@
            opacity: 1,
            y: 0
        })
-        .to(".bubble-1", {
-            opacity: 0
-        })
        .to(".story-1", {
            x: -maxImageTranslateValue * (2/bubbleNumber),
            onStart: function() {
@@ -237,13 +234,13 @@
                document.getElementById("leymah").src = charStaticImage;
            }
        })
+        .to(".bubble-1", {
+            opacity: 0
+        })
        .to(".bubble-2", {
            opacity: 1,
            y: 0
        })
-        .to(".bubble-2", {
-            opacity: 0
-        })
        .to(".story-1", {
            x: -maxImageTranslateValue * (3/bubbleNumber),
            onStart: function() {
@@ -253,13 +250,13 @@
                document.getElementById("leymah").src = charStaticImage;
            }
        })
+        .to(".bubble-2", {
+            opacity: 0
+        })
        .to(".bubble-3", {
            opacity: 1,
            y: 0
        })
-        .to(".bubble-3", {
-            opacity: 0
-        })
        .to(".story-1", {
            x: -maxImageTranslateValue,
            onStart: function() {
@@ -269,10 +266,19 @@
                document.getElementById("leymah").src = "static/images/story/character-static.png";
            }
        })
+        .to(".bubble-3", {
+            opacity: 0
+        })
        .to(".bubble-4", {
            opacity: 1,
            y: 0
        })
+        .to(".character, .bubble-4", {
+            x: "51vw",
+            onStart: function() {
+                document.getElementById("leymah").src = "static/images/story/character-walk-right.gif";
+            },
+        })
        .to(".bubble-4", {
            opacity: 0
        });