slideshow 1.0

2025-07-10 15:45:43 +02:00
commit 1f62d9daf9
4 changed files with 206 additions and 0 deletions
--- a/templates/slideshow.html
+++ b/templates/slideshow.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Slideshow</title>
+    <style>
+        body { background: #111; color: #fff; text-align: center; }
+        img { max-width: 90vw; max-height: 90vh; margin-top: 2vh; }
+    </style>
+</head>
+<body>
+    <h1>Slideshow</h1>
+    <img id="slide" src="{{ images[0] }}" />
+    <script>
+        const images = {{ images | tojson }};
+        const img = document.getElementById('slide');
+        let i = 0;
+    
+        function show(n) {                       // update helper
+            i = (n + images.length) % images.length;
+            img.src = images[i];
+        }
+    
+        // auto-advance every 3000 ms
+        setInterval(() => show(i + 1), 3000);
+    
+        // keyboard control
+        document.addEventListener('keydown', e => {
+            if (e.key === 'ArrowRight') show(i + 1);  // next
+            if (e.key === 'ArrowLeft')  show(i - 1);  // previous
+        });
+    </script>
+</body>
+</html>