Loop through all contents of a folder to put on website

Question

I have recordings and photos folder for my personal website. I want to write code so that it will automatically go through the directory and display the images on the website

I've tried looking at a bunch of solutions already on SO but the problems weren't similar to mine and I couldn't understand the code to change it into what I need.

Possible duplicate of [How to load all the images from one of my folder into my web page, using Jquery/Javascript](https://stackoverflow.com/questions/18480550/how-to-load-all-the-images-from-one-of-my-folder-into-my-web-page-using-jquery) — Marc Hjorth, May 27 '19 at 05:13

score -1 · Accepted Answer · answered May 27 '19 at 07:08

You can try this code here

where 736 in the loop is the total images.

jQuery('document').ready(function() {
  var imgPath='images/';
  var imgExtinction='.jpg';

  var html='<ul>';
  for(var i=1; i<=736; i+=1){
    var imgNumber = getFourDigitNumber(i);
    var Image =imgPath+imgNumber+imgExtinction;
    html+=('<li><span class="overlay"></span> <img src="'+Image+'" /></li>');
  }
  jQuery('#images').append(PDFHTML+'</ul>');

});

Loop through all contents of a folder to put on website

1 Answers1