local html page, that shows a slideshow of local files with a counter overlay
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
1.1 KiB

<!DOCTYPE html>
<html>
<head>
<title>countdown slideshow</title>
<link href="slideshow.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="config">
<h1>countdown slideshow Config:</h1>
<!-- with input that accepts multiple files, notice the multiple attribute-->
<input id="filePicker" type="file" multiple>
<input id="datePicker" type="datetime-local" name="targetDate">
<input id="delayPicker" type="number" name="delay" value=1000>
<input id="startButton" type="button" value="Start!">
<div id="fileNames">
</div>
</div>
<img id="mainImage" src=""/>
<img id="nextImage" src=""/>
<script src="slideshow.js" ></script>
<div id="clockwrapper">
<div id="clock2" >
<span class="clock">209 10 : 08 : 37</span>
</div>
</div>
<script language="javascript" src="Countdown-Dateien/countdown.js"></script>
<script language="javascript">
var cd2 = new countdown('cd2');
cd2.Div = "clock2";
cd2.TargetDate = "6/6/2018 0:00 AM";
cd2.DisplayFormat = "<span class=\"clock\">%%D%% %%H%% : %%M%% : %%S%%</span>"
cd2.Setup()
</script>
</body>
</html>