mergez

1 files changed, 28 insertions, 0 deletions

diff --git a/public/js/lib/bg.js b/public/js/lib/bg.js
new file mode 100644
index 0000000..6fa75d5
--- /dev/null
+++ b/public/js/lib/bg.js
@@ -0,0 +1,28 @@
+var bg = (function(){
+
+  var bg = {}
+  bg.el = document.getElementById("bg")
+  
+  bg.change = function(picture){
+    var img = new Image ()
+    img.src = picture.url
+    oktween.add({
+      obj: bg.el.style,
+      from: { opacity: 1 },
+      to: { opacity: 0 },
+      easing: "circ_in",
+      duration: 500,
+      finished: function(){
+        bg.el.style.backgroundImage = "url(" + picture.url + ")"
+        bg.el.className = picture.tile ? "tile" : ""
+      }
+    }).then({
+      delay: 500,
+      to: { opacity: 1 },
+      easing: "circ_in",
+      duration: 500,
+    })
+  }
+  return bg
+  
+})()
\ No newline at end of file