title: How to create javascript image gallery with slider picking images from a virtual directory...?
body: <p>When the page loads, it creates a list of image files hosted in a virtual directory, and the first image is loaded in the image box.</p>
  <p>Currently, I am picking images from the same folder.</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
  &lt;div class=&quot;column&quot;&gt;
    &lt;img class=&quot;demo cursor&quot; src=&quot;img1.jpg&quot; style=&quot;width:100%;height:40px&quot; onclick=&quot;currentSlide(1)&quot; alt=&quot;IMAGE# 1&quot;&gt;
  &lt;/div&gt;
  &lt;div class=&quot;column&quot;&gt;
    &lt;img class=&quot;demo cursor&quot; src=&quot;img2.jpg&quot; style=&quot;width:100%;height:40px&quot; onclick=&quot;currentSlide(2)&quot; alt=&quot;IMAGE# 2&quot;&gt;
  &lt;/div&gt;
  &lt;div class=&quot;column&quot;&gt;
    &lt;img class=&quot;demo cursor&quot; src=&quot;img3.jpg&quot; style=&quot;width:100%;height:40px&quot; onclick=&quot;currentSlide(3)&quot; alt=&quot;IMAGE# 3&quot;&gt;
  &lt;/div&gt;
  </code></pre>