fixed image bug

iguannalin · Jul 31, 2023 · d72abec · d72abec
1 parent c1a8ddb
commit d72abec
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/index.css b/index.css
@@ -71,7 +71,8 @@ body {
   width: 100%;
 }
 
-#greeting img {
+#wallpaper {
+  content: url("public/wallpaper.png");
   margin-left: 4.5%;
   clip-path: circle(44% at 49% 56%);
   width: 100%;

diff --git a/index.html b/index.html
@@ -107,7 +107,7 @@ <h4>about this website</h3>
                 </div>
                 <div id="center">
                     <div id="greeting">
-                        <img id="wallpaper" src="public/wallpaper.png"/>
+                        <img id="wallpaper"/>
                     </div>
 
                     <!-- CODE -->

diff --git a/index.js b/index.js
@@ -118,11 +118,13 @@ window.addEventListener("load", () => {
   function oops(ev) {
     oopsies.onclick = null;
     const wp = document.getElementById("wallpaper");
-    const temp = wp.src;
-    wp.src = "public/anna.jpg";
+    const temp = wp.style.content;
+    wp.style.content = "url('public/anna.jpg')";
+    console.log(wp.style.content)
     switchView(center, false);
     setTimeout(() => {
-      wp.src= temp;
+      console.log(temp)
+      wp.style.content = temp;
       oopsies.onclick = (ev) => oops(ev);
     }, 350);
   }