From e1eebe64ce6aeea1ffc26fa186cebe4f67a25fa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patol=C3=A1n?=
 <tomas.patolan@noreply.git.asgard.odbornaskola.cz>
Date: Fri, 11 Dec 2020 09:51:33 +0000
Subject: [PATCH] =?UTF-8?q?Nahr=C3=A1t=20soubory=20do=20=E2=80=9E=E2=80=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 data.json  |  4 ++++
 index.html | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 data.json
 create mode 100644 index.html
diff --git a/data.json b/data.json
new file mode 100644
index 0000000..72361a6
--- /dev/null
+++ b/data.json
@@ -0,0 +1,4 @@
+{
+    "image": "/img/image_09.jpg",
+    "label": "Popisek k obrázku 1"
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4732aa4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Obrázek dne</title>
+    <style>
+        img {
+            width: 200px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Obrázek dne</h1>
+    <h2>Zadání</h2>
+    <p>
+        Vytvořte soubor JSON, který umístíte do adresáře projektu.
+        Obsah JSON: název souboru/obrázku a popisek (motto).
+    </p>
+    <p>
+        Napište kód, který stáhne JSON soubor a na stránce
+        zobrazí obrázek získaný z JSON souboru a popisek (textovou informaci).
+    </p>
+    <div id="obrazek">SEM</div>
+
+    <script src="js/jquery-3.5.1.min.js"></script>
+    <script>
+        function stahniObrazek() {
+            $.getJSON("/data.json")
+                .done(function(data) {
+                    let puvodni = $("#obrazek img").attr("src");
+                    console.log(puvodni);
+                    if (puvodni != data.image) {
+                        $("#obrazek")
+                            .html('<img src="' + data.image + '" alt="">')
+                            .append("<p>" + data.label + "</p>");
+                    }
+                   
+                })
+                .fail(function() {
+                    console.log("Chyba getJSON!");
+                })
+                .always(function() {
+
+                });
+        }
+
+        window.setInterval(stahniObrazek, 5000);
+    </script>
+</body>
+</html>
\ No newline at end of file
