title: PHP page, it sees the pictures in the directory but showing a broken link
body: <p>I am having an issue with PHP. I have to replace the existing HTML with PHP and I need it to dynamically load the picture from the images folder onto the PHP site on the web browser, but when I load the PHP page it will seem to show how the pictures are supposed to display, but it just has the symbol for broken picture in place of the picture</p>
  <p>This is my try now:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;row justify-content-md-center&quot;&gt;
          &lt;div class=&quot;col&quot;&gt;
              &lt;h1 class=&quot;jumbotron text-center&quot;&gt;Image Gallery&lt;/h1&gt;
              &lt;hr&gt;
              &lt;div class=&quot;row mb-3&quot;&gt;
              
              
                 
                &lt;?php
                  $images = scandir('images');
                  $divName='col-md-4 my-auto';
                  $address = 'images';
                  $imgClassName = 'img-fluid img-thumbnail';
                  unset($images[0]);
                  unset($images[1]);
                  foreach ($images as $image) {
                  echo &quot;&lt;div class =$divName&gt;&lt;img src =$address class=$imgClassName&gt;&lt;/div&gt;&quot;;
                  }
                     
              ?&gt;
  </code></pre>
  <p>This is the original HTML Code:</p>
  <pre><code>&lt;div class=&quot;row mb-3&quot;&gt;
   &lt;div class=&quot;col-md-4 my-auto&quot;&gt;
                      &lt;img src=&quot;images/vino-li-ckeSiSWsKaE-unsplash.jpg&quot; class=&quot;img-fluid img-thumbnail&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;col-md-4 my-auto&quot;&gt;
                      &lt;img src=&quot;images/samuel-girven-omzAJZ0ACqo-unsplash.jpg&quot; class=&quot;img-fluid img-thumbnail&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;col-md-4 my-auto&quot;&gt;
                      &lt;img src=&quot;images/billow-926-G79wOy3hTok-unsplash.jpg&quot; class=&quot;img-fluid img-thumbnail&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;col-md-4 my-auto&quot;&gt;
                      &lt;img src=&quot;images/pat-whelen-HOWfdzh1Q0g-unsplash.jpg&quot; class=&quot;img-fluid img-thumbnail&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;col-md-4 my-auto&quot;&gt;
                      &lt;img src=&quot;images/nick-fewings-8_VWBXsveQE-unsplash.jpg&quot; class=&quot;img-fluid img-thumbnail&quot;&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;col-md-4 my-auto&quot;&gt;
                      &lt;img src=&quot;images/tetiana-bykovets-I-T54pyFujk-unsplash.jpg&quot; class=&quot;img-fluid img-thumbnail&quot;&gt;
  
  
                 &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>