simple web question need help asap

Hello 🙂 I am trying to make a HTML page that present a picture slideshow. I am trying to add two functions in the web page

1) center all content of the page

2) Use arrows to go to the previous picture and next picture

3) Display the associated numerical value in the page under the picture. ( data is in .csv file of the ‘data’ folder)

I can’t get the arrow to be at the left and right side of the picture. Also, is there anyway I can read the picture and numerical value directly to the page? Instead of creating individual <div> in the HTML. Can you show me how to use javascript or whatever working method to get all the pictures from the folder into the slideshow? I may add more pictures later so I don’t want to manually add <div> into the HTML page everytime I get a new picture.