To automatically display a photo on a certain webpage:
- Add the photo into the relevant folder. Ensure the photo is in JPG format.
- Update the total variable within the script tag in the relevant html file.
Follow the following image naming convention:
- Include the folder name followed by dash followed by a number. Start the number at one and then increment.
- For example, if a photo is being placed in the Home folder to display it on index.html, name the image home-1, home-2, etc.
- If a photo is being placed in the School Year folder to display it on school_year.html, name the image school-year-1, school-year-2, etc.
Important Note: Current images in the folders are placeholders from Pexels.