Differences

This shows you the differences between two versions of the page.

--- en:web_development:overview [2022/02/07 12:21]
mag
+++ en:web_development:overview [2023/08/16 09:33] (current)
@@ Line 173: / Line 173: @@
             <ul>
 <?php
+    // prepare list of photos
     $images = array('https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Sydney_Opera_House_and_Harbour_Bridge_Dusk_%282%29_2019-06-21.jpg/1920px-Sydney_Opera_House_and_Harbour_Bridge_Dusk_%282%29_2019-06-21.jpg',
                     'https://www.applelanguages.com/en/img/top/sydney.jpg',
@@ Line 178: / Line 179: @@
                     'https://i.pinimg.com/originals/ea/5c/0c/ea5c0c5a0095a95a132d27ed996859b9.jpg',
                     'https://upload.wikimedia.org/wikipedia/commons/e/e5/Bondi_Beach_Sydney_Australia_7.jpg');
+    // create HTML code for nav items
     foreach($images as $k => $photo)
     {
-        $i = $k+1;
+        $i = $k+1; // display number is 1-5 instead of 0-4 used in $images
-        echo "<li onclick=\"showImage(this, '$photo')\">Image $i</li>";
+        echo "<li onclick=\"showImage(this, '$photo')\">Image $i</li>"; // the HTML code
     }
 ?>

Tech School