diff --git a/web/templates/photo/gallery.html b/web/templates/photo/gallery.html
index 4e6435a..1efe6d3 100644
--- a/web/templates/photo/gallery.html
+++ b/web/templates/photo/gallery.html
@@ -572,7 +572,7 @@
                                     <source src="{{PhotoURL .Filename}}" type="video/mp4">
                                 </video>
                                 {{else}}
-                                <a href="/photo/view?id={{.ID}}" target="_blank"
+                                <a href="/photo/view?id={{.ID}}" data-url="{{PhotoURL .Filename}}" target="_blank"
                                     class="js-modal-trigger" data-target="detail-modal"
                                     onclick="setModalImage(this.href)">
                                     <img src="{{PhotoURL .Filename}}" loading="lazy"{{if BlurExplicit .}} class="blurred-explicit"{{end}}>
@@ -646,7 +646,7 @@
         document.querySelectorAll(".js-modal-trigger").forEach(node => {
             node.addEventListener("click", (e) => {
                 e.preventDefault();
-                setModalImage(node.href);
+                setModalImage(node.dataset.url);
                 $modal.classList.add("is-active");
             })
         });