https://github.com/midnightdoggo19/gallery
Displays random photos
https://github.com/midnightdoggo19/gallery
gallery-images images website
Last synced: 2 months ago
JSON representation
Displays random photos
- Host: GitHub
- URL: https://github.com/midnightdoggo19/gallery
- Owner: midnightdoggo19
- License: gpl-3.0
- Created: 2024-12-03T21:27:30.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-12-12T18:02:10.000Z (6 months ago)
- Last Synced: 2025-02-05T00:26:01.330Z (4 months ago)
- Topics: gallery-images, images, website
- Language: JavaScript
- Homepage: https://midnightdoggo19.github.io/gallery/
- Size: 30.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Image Gallery
A simple website that displays a random image every time the page is reloaded.
## Features
- Displays a different image on every page reload.
- Caption overlay at the bottom of the page.
- Uses a folder of images stored locally.
## Project Structure
```
/images # Folder containing images
example1.jpg
example2.jpg
example3.jpg
/scripts
main.js # JavaScript file to load random images
/styles
styles.css # CSS file for styling the page
index.html # Main HTML file for the webpage
images.json # JSON file containing paths to the images
```
## Setup
1. Fork the repository:
2. Once you've got the images you want to display, put them in a folder titled `/images` and run the provided `jsongenerator.js` to make sure the site can properly load them.
3. Upload the newly generated `images.json` to your fork.
4. Enable GitHub Pages for your fork.
5. Open you GitHub pages site in your browser to see your images!
## Notes
- The images are loaded from the `images.json` file, which contains paths to the images in the `/images` directory.
- The CSS file (`styles.css`) handles the background image styling, and the JavaScript (`main.js`) randomly selects an image from the `images.json` file.
- You can replace `icon.ico` with a custom icon!
## License
This project is open source and available under the GNU General Public License v3.0 License.