title: How to auto-fill images from a directory in html for Flexslider2?
body: <p>I have been searching all day and I am pretty stumped. I've tried everything I searched but have had no success.</p>
  
  <p>This is my problem..</p>
  
  <pre><code>&lt;div id="slider" class="flexslider"&gt;
        &lt;ul class="slides"&gt;
        &lt;li&gt;&lt;img src="photos/mini-01.jpg"/&gt;
        &lt;li&gt;&lt;img src="photos/mini-02.jpg"/&gt;
        &lt;li&gt;&lt;img src="photos/mini-03.jpg"/&gt;
        &lt;li&gt;&lt;img src="photos/mini-04.jpg"/&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="carousel" class="flexslider"&gt;
        &lt;ul class="slides"&gt;
        &lt;li&gt;&lt;img src="photos/mini-01.jpg"/&gt;
        &lt;li&gt;&lt;img src="photos/mini-02.jpg"/&gt;
        &lt;li&gt;&lt;img src="photos/mini-03.jpg"/&gt;
        &lt;li&gt;&lt;img src="photos/mini-04.jpg"/&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is have it auto create the lines for my images based on what's in the "photos" folder. I will be using this template on many occasions and do not want to have to manually input the photos every single time I do it. Talk about labour intensive.</p>
  
  <p>Any help would be greatly appreciated.</p>