Open photo when clicking on it

creekorful · Aug 8, 2021 · 72dc1ee · 72dc1ee
1 parent 9918703
commit 72dc1ee
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/res/index.css b/res/index.css
@@ -14,6 +14,10 @@
     outline: 2px solid #000;
 }
 
+#photos img:hover {
+    cursor: pointer;
+}
+
 @media (max-width: 1400px) {
     #photos img {
         width: 25%;

diff --git a/res/index.gohtml b/res/index.gohtml
@@ -13,7 +13,7 @@
 <body>
 <section id="photos">
     {{ range .Photos }}
-        <img src="{{ .ThumbnailPath }}" title="{{ .Title }}">
+        <img src="{{ .ThumbnailPath }}" title="{{ .Title }}" onclick="window.open('{{ .ImgPath }}', '_blank')">
     {{ end }}
 </section>
 </body>