metadata k fotografii

data/images.php

@@ -1,46 +1,46 @@
 <?php
 
 $images = [
-    "01.jpg",
-    "02.jpg",
-    "03.jpg",
-    "04.jpg",
-    "05.jpg",
-    "06.jpg",
-    "07.jpg",
-    "08.jpg",
-    "09.jpg",
-    "10.jpg",
-    "11.jpg",
-    "12.jpg",
-    "13.jpg",
-    "14.jpg",
-    "15.jpg",
-    "16.jpg",
-    "17.jpg",
-    "18.jpg",
-    "19.jpg",
-    "20.jpg",
-    "21.jpg",
-    "22.jpg",
-    "23.jpg",
-    "24.jpg",
-    "25.jpg",
-    "26.jpg",
-    "27.jpg",
-    "28.jpg",
-    "29.jpg",
-    "30.jpg",
-    "31.jpg",
-    "32.jpg",
-    "33.jpg",
-    "34.jpg",
-    "35.jpg",
-    "36.jpg",
-    "37.jpg",
-    "38.jpg",
-    "39.jpg",
-    "40.jpg",
-    "41.jpg",
-    "42.jpg",
+    ["file" => "01.jpg", "label" => "Kmen stromu", "keywords" => ["strom", "příroda"]],
+    ["file" => "02.jpg", "label" => "Mýtina v lese", "keywords" => ["les", "tráva"]],
+    ["file" => "03.jpg", "label" => "", "keywords" => []],
+    ["file" => "04.jpg", "label" => "", "keywords" => []],
+    ["file" => "05.jpg", "label" => "Hlava s culíkem", "keywords" => ["vlasy", "cop"]],
+    ["file" => "06.jpg", "label" => "", "keywords" => []],
+    ["file" => "07.jpg", "label" => "", "keywords" => []],
+    ["file" => "08.jpg", "label" => "", "keywords" => []],
+    ["file" => "09.jpg", "label" => "", "keywords" => []],
+    ["file" => "10.jpg", "label" => "", "keywords" => []],
+    ["file" => "11.jpg", "label" => "", "keywords" => []],
+    ["file" => "12.jpg", "label" => "", "keywords" => []],
+    ["file" => "13.jpg", "label" => "", "keywords" => []],
+    ["file" => "14.jpg", "label" => "", "keywords" => []],
+    ["file" => "15.jpg", "label" => "", "keywords" => []],
+    ["file" => "16.jpg", "label" => "", "keywords" => []],
+    ["file" => "17.jpg", "label" => "", "keywords" => []],
+    ["file" => "18.jpg", "label" => "", "keywords" => []],
+    ["file" => "19.jpg", "label" => "", "keywords" => []],
+    ["file" => "20.jpg", "label" => "", "keywords" => []],
+    ["file" => "21.jpg", "label" => "", "keywords" => []],
+    ["file" => "22.jpg", "label" => "", "keywords" => []],
+    ["file" => "23.jpg", "label" => "", "keywords" => []],
+    ["file" => "24.jpg", "label" => "", "keywords" => []],
+    ["file" => "25.jpg", "label" => "", "keywords" => []],
+    ["file" => "26.jpg", "label" => "", "keywords" => []],
+    ["file" => "27.jpg", "label" => "", "keywords" => []],
+    ["file" => "28.jpg", "label" => "", "keywords" => []],
+    ["file" => "29.jpg", "label" => "", "keywords" => []],
+    ["file" => "30.jpg", "label" => "", "keywords" => []],
+    ["file" => "31.jpg", "label" => "", "keywords" => []],
+    ["file" => "32.jpg", "label" => "", "keywords" => []],
+    ["file" => "33.jpg", "label" => "", "keywords" => []],
+    ["file" => "34.jpg", "label" => "", "keywords" => []],
+    ["file" => "35.jpg", "label" => "", "keywords" => []],
+    ["file" => "36.jpg", "label" => "", "keywords" => []],
+    ["file" => "37.jpg", "label" => "", "keywords" => []],
+    ["file" => "38.jpg", "label" => "", "keywords" => []],
+    ["file" => "39.jpg", "label" => "", "keywords" => []],
+    ["file" => "40.jpg", "label" => "", "keywords" => []],
+    ["file" => "41.jpg", "label" => "", "keywords" => []],
+    ["file" => "42.jpg", "label" => "", "keywords" => []],
 ];

include/gallery.php

@@ -9,9 +9,18 @@ foreach ($images as $image) {
 ?>
 <div class="col">
     <div class="card mb-3">
-        <img src="/static/images/thumbs/thumb_<?php echo $image; ?>" class="card-img-top" alt="...">
+        <img src="/static/images/thumbs/thumb_<?php echo $image["file"]; ?>" class="card-img-top" alt="...">
         <div class="card-body">
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+            <p class="card-text">
+                <?php
+                if ($image["label"]) {
+                    echo $image["label"];
+                }
+                else {
+                    echo $image["file"];
+                }
+                ?>
+            </p>
         </div>
     </div>
 </div>