Allow images to be viewed full-size before page is done loading

diff --git a/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt b/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt
index 19c576d74af28ee46276082859d13d3e92fe51ab..cecf7f3d56aee906bd37b97e4e141d96e1c5bdba 100644 (file)
--- a/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt
+++ b/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt
@@ -96,6 +96,12 @@ fun ApplicationCall.page(pageTitle: String, navBar: List<NavItem>? = null, sideb
                                }
                        }
                        
+                       script {
+                               unsafe {
+                                       raw("window.handleFullSizeImages();")
+                               }
+                       }
+                       
                        request.queryParameters["error"]?.let { errorMessage ->
                                div {
                                        id = "error-popup"

diff --git a/src/main/resources/static/init.js b/src/main/resources/static/init.js
index e73d7bf5282867d7909535003020b88cd84f3554..a854c9fe56239c4dce26e9f3ea57e6542847b800 100644 (file)
--- a/src/main/resources/static/init.js
+++ b/src/main/resources/static/init.js
@@ -97,7 +97,7 @@
                document.currentScript.after(imgElement);
        };
 
-       window.addEventListener("load", function () {
+       window.handleFullSizeImages = function () {
                // Image previewing (2)
                document.getElementById("thumb-view").addEventListener("click", e => {
                        e.preventDefault();
@@ -105,7 +105,7 @@
                        e.currentTarget.classList.remove("visible");
                        e.currentTarget.getElementsByTagName("img")[0].src = "";
                });
-       });
+       };
 
        window.addEventListener("load", function () {
                // Mesh viewing