User Tools

Site Tools


en:web_development:overview

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
en:web_development:overview [2022/02/07 12:19]
mag
en:web_development:overview [2023/08/16 09:33] (current)
Line 100: Line 100:
 { {
     display: flex;     display: flex;
-    justify-content: space-betwee;+    justify-content: space-between;
 } }
  
Line 173: Line 173:
             <ul>             <ul>
 <?php <?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',      $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',                      'https://www.applelanguages.com/en/img/top/sydney.jpg', 
Line 178: Line 179:
                     'https://i.pinimg.com/originals/ea/5c/0c/ea5c0c5a0095a95a132d27ed996859b9.jpg',                      'https://i.pinimg.com/originals/ea/5c/0c/ea5c0c5a0095a95a132d27ed996859b9.jpg', 
                     'https://upload.wikimedia.org/wikipedia/commons/e/e5/Bondi_Beach_Sydney_Australia_7.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)     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
     }     }
 ?> ?>
en/web_development/overview.1644265164.txt.gz · Last modified: 2023/08/16 09:33 (external edit)