pull in video stuff and write bg wrapper :)

1 files changed, 29 insertions, 0 deletions

diff --git a/public/js/lib/bg.js b/public/js/lib/bg.js
new file mode 100644
index 0000000..5a188f3
--- /dev/null
+++ b/public/js/lib/bg.js
@@ -0,0 +1,29 @@
+var bg = (function(){
+
+  var bg = {}
+  bg.el = document.getElementById("bg")
+  
+  bg.change = function(url){
+    var img = new Image ()
+    img.src = 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(" + url + ")"
+      }
+    }).then({
+      delay: 500,
+      obj: bg.el.style,
+      from: { opacity: 0 },
+      to: { opacity: 1 },
+      easing: "circ_in",
+      duration: 500,
+    })
+    
+  }
+  
+})()
\ No newline at end of file