slideshow

Author: Daniel-Dami

image/beach.jpg

@@ -28,7 +28,7 @@
     <main>
         <mdui-card id="main-card">
             <div class="main-item">
-                <a id="slider"><img height="40%" alt="slide show" id="slide"></a>
+                <a id="slider"><img style="object-fit: contain" alt="slide show" id="slide"></a>
             </div>
             <div><mdui-divider vertical></mdui-divider></div>
             <div class="main-item">

image/beach.png

@@ -1,10 +1,10 @@
-const imgs = ["image/beach.jpg", "image/castle.jfif", "image/boatoff.png"];
+const imgs = ["image/beach.png", "image/castle.png", "image/boatoff.png"];
 const links = ["#", "#", "game/boatoff"];
 document.addEventListener("DOMContentLoaded", function () {
     let cnt = 0;
     setInterval(function () {
         document.getElementById("slide").src = imgs[cnt];
-        document.getElementById("slided").src = links[cnt];
+        document.getElementById("slider").src = links[cnt];
         cnt = (cnt + 1) % imgs.length;
-    }, 3000);
+    }, 1000);
 });