targetDate config

slideshow.html

@@ -36,7 +36,7 @@
 		cd2.Div			= "clock2";
 		cd2.TargetDate		= "6/6/2018 0:00 AM";
         cd2.DisplayFormat = "<span class=\"clock\">%%D%%  %%H%% : %%M%% : %%S%%</span>"
-        cd2.Setup()
+        //cd2.Setup()
 	</script>
 </body>
 </html>

slideshow.js

@@ -10,7 +10,7 @@ function makeCache(list,size){
    
    reader.domelem = undefined;
    reader.name = file.name;
-   /*reader.onload=function(e){
+   /*reader.onload=function(e){//slow, jumpy, ram hungry
     console.log("created img tag for:"+reader.name)
     reader.domelem = document.createElement("img");
     reader.domelem.setAttribute('src', reader.result);
@@ -73,7 +73,7 @@ Date.prototype.addHours= function(h){
 }
 
 //set current date
-document.getElementById('datePicker').defaultValue = (new Date).addHours(1).toISOString().slice(0,-5);
+document.getElementById('datePicker').defaultValue = (new Date).addHours(3).toISOString().slice(0,-5);
 
 document.getElementById("filePicker").onchange=function(){
  let files=Array.from(this.files);
@@ -96,16 +96,21 @@ let dateInput = document.getElementById("datePicker");
 console.log("date valid:"+dateInput.checkValidity());
 console.log(dateInput.value);
 
+
 document.getElementById("mainImage").style.display="block";
 document.getElementById("config").style.display="none";
 
 let files = Array.from(document.getElementById("filePicker").files);
 let img = document.getElementById("mainImage");
 let delay = document.getElementById("delayPicker").value;
-let cache = makeCache(files,10);
+let cache = makeCache(files,50);
 
 setTimeout(displayImage,delay,cache,img,delay);
 
+console.log(cd2)
+cd2.TargetDate = dateInput.value;
+cd2.Setup();
+
 };
 
 /*snippets