From a51c40fc483760704281d1f57c622a927caf69ad Mon Sep 17 00:00:00 2001
From: ENGO150 <v.smejkal06@gmail.com>
Date: Sat, 25 May 2024 15:36:40 +0200
Subject: [PATCH] added fucntion to the close button

---
 res/forum/home/home.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/res/forum/home/home.html b/res/forum/home/home.html
index b1f0e66..fe219f1 100644
--- a/res/forum/home/home.html
+++ b/res/forum/home/home.html
@@ -9,7 +9,8 @@
     <div><button onclick="upload()" type="submit" class="btn" id="upload_popup_sub">Zveřejnit</button></div>
 </div>
 <div id="image_popup">
-    <img src="//:0">
+    <img id="image_popup_img" src="//:0">
+    <img id="close_btn" onclick="close_image()" src="./res/forum/images/close.png" alt="Tlačítko pro zavření obrázku">
 </div>
 <div id="posts"></div>
 
@@ -96,7 +97,12 @@
     $(document).on("click", ".post_image", function(event)
     {
         $("#image_popup").css("display", "flex");
-        $("#image_popup").children("img").attr("src", $(this).children("img").attr("src"));
-        $("#image_popup").children("img").attr("alt", $(this).parent(".post").children(".post_info").children("div").children(".post_name").html());
+        $("#image_popup").children("#image_popup_img").attr("src", $(this).children("img").attr("src"));
+        $("#image_popup").children("#image_popup_img").attr("alt", $(this).parent(".post").children(".post_info").children("div").children(".post_name").html());
     });
+
+    function close_image()
+    {
+        $("#image_popup").css("display", "none");
+    }
 </script>
\ No newline at end of file