@@ -54,7 +54,7 @@ const index =
\\ a:hover { background: darkred; }
\\ .list { display: inline-block; max-width: 20rem; height: 100vh; overflow: scroll; margin: 0 1em; }
\\ .preview { display: inline-block; width: 79%; vertical-align: top; text-align: center; }
\\ img { max-width: 95vw; max-height: 95vh; margin: auto; }
\\ video, img { max-width: 95vw; max-height: 95vh; margin: auto; }
\\ </style>
\\ </head>
\\ <body>
@@ -67,12 +67,21 @@ const index_tail =
\\ </ul>
\\ </div>
\\ <div class=preview>
\\ <img src="">
\\ <img id="img" src="">
\\ <video id="video" src="" style="display: none" controls></video>
\\ </div>
\\ <script>
\\ document.querySelectorAll("a").forEach((link) => {
\\ link.addEventListener("mouseover", (ev) => {
\\ document.querySelector("img").src = link.href;
\\ if (link.className == "vid") {
\\ document.querySelector("#img").src = "";
\\ document.querySelector("#video").src = link.href;
\\ document.querySelector("#video").style.display = "revert";
\\ } else {
\\ document.querySelector("#img").src = link.href;
\\ document.querySelector("#video").pause();
\\ document.querySelector("#video").style.display = "none";
\\ }
\\ });
\\ });
\\ </script>