From 45013c93875887f90750900cc6f44e4943326c17 Mon Sep 17 00:00:00 2001
From: Melanie <melaniegoldstone@gmail.com>
Date: Fri, 29 Sep 2023 18:52:45 +0200
Subject: [PATCH] change expression on scroll

---
 DevStory3.html             | 27 +++++++++++++--------------
 img/{3-9-2.svg => 392.svg} |  0
 2 files changed, 13 insertions(+), 14 deletions(-)
 rename img/{3-9-2.svg => 392.svg} (100%)

diff --git a/DevStory3.html b/DevStory3.html
index 60ef745..6bb82ee 100644
--- a/DevStory3.html
+++ b/DevStory3.html
@@ -229,7 +229,7 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
         <div class="talkbubble">
         </div>
 
-        <div class="scene3-7"></div>
+        <div class="scene3-7" id="changehere"></div>
         <div class="talkbubble">
             <div class="squiggytalk"><b>Squiggy:</b> Look at us, CeCe, we're registering tissue!
             </div>
@@ -675,29 +675,28 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
         })
 
 
-
-
+//change expression
 const timeline = gsap.timeline({
   scrollTrigger: {
     trigger: "#triggerworriedface",
-    toggleActions: 'play none none none',
+    onEnter: changebg,
+    onEnterBack: rechangebg,
     markers: false,
-    start: "top+=1 top",
+    start: "top",
+    end: "+=100%",
     id: "scene3-6"
   }
 });
 
-timeline.to(
-  ".scene3-6",{
-    backgroundImage: 'url("https://cns-iu.github.io/hra-scrollytelling/img/3-9-2.svg")',
+    function changebg()  {
+            var changebg = document.getElementById("changehere");
+            changebg.style.backgroundImage = "url('img/392.svg')";
   }
-);
-       
 
- /*        function changebg()  {
-            console.log("what the fuck");
-            document.getElementsByClassName("scene3-6").style.backgroundImage = "url('img/3-9-2.svg')";
-  } */
+  function rechangebg()  {          
+            var changebg = document.getElementById("changehere");
+            changebg.style.backgroundImage = "url('img/3-9.svg')";
+  }
        
        
 </script>
diff --git a/img/3-9-2.svg b/img/392.svg
similarity index 100%
rename from img/3-9-2.svg
rename to img/392.svg