title: Dynamically add Images to slider in html
body: <p>I am learning and making a small project in Php, Html jquery.</p>
  
  <p>I want a slider with vertical Scroll. The db will fetch an array of rows from table and get the link of the image placed on the server. It will then show load and show these images</p>
  
  <p>Here is my div class</p>
  
  <pre><code>&lt;div class="albums-div"&gt;
      &lt;ul class="slides"&gt;
          &lt;li&gt;
              &lt;img src="images/smalimg.png" /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="images/smalimg.png" /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="images/smalimg.png" /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;img src="images/smalimg.png" /&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Right now its hardcoded but how can i dynamically create </p>
  
  <pre><code>&lt;li&gt;
              &lt;img src="images/smalimg.png" /&gt;
          &lt;/li&gt;
  </code></pre>