Fix Crossfade

kolbyjack · Mar 30, 2023 · 3230f0d · 3230f0d
1 parent 26bbb89
commit 3230f0d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/MMM-Wallpaper.css b/MMM-Wallpaper.css
@@ -19,6 +19,7 @@
 }
 
 .MMM-Wallpaper .crossfade-image {
+  position: absolute;
   transition: opacity 1s ease-in-out;
 }
 

diff --git a/MMM-Wallpaper.js b/MMM-Wallpaper.js
@@ -143,6 +143,13 @@ Module.register("MMM-Wallpaper", {
       element.style.opacity = 1;
       self.title.style.display = "none";
 
+      if(self.config.crossfade){
+        images = document.getElementsByClassName("crossfade-image")
+        if(images.length > 1 ){
+          images[0].style.opacity = 0
+        }
+      }
+
       setTimeout(() => {
         var caption = imageData.caption;
         if (self.config.caption && caption) {