MUI ImageList loads images one after another, which leads to loading all images even with loading=lazy. Maybe it depends on the order in which images are loaded, but this issue never arose with react-photo-album FolderGallery always displays folder icons in the same way and simply positions the image to cover the space available. This circumvents the issue of different aspect ratios of images. |
||
|---|---|---|
| .gitea/workflows | ||
| picture-gallery-client | ||
| picture-gallery-server | ||
| public | ||
| .dockerignore | ||
| .gitignore | ||
| Dockerfile | ||
| README.md | ||
| package.json | ||
README.md
Simple Picture Gallery
Getting Started
Information
Folders should only contain images and folders. Folders should not contain any other files.
Docker
docker build . -t simple-picture-gallery
docker run -p 3005:3001 -v /mnt/data/pictures:/usr/src/app/public --name my-picture-gallery simple-picture-gallery
Customization
Create an environment file .env:
VITE_TITLE=My Gallery
VITE_APPBAR_COLOR=#F8AB2D
Other properties:
VITE_FAVICON_HREF=<URL to your favicon>
And run docker with --env-file .env
docker run -p 3005:3001 -v C:/DATA/temp/bla:/usr/src/app/public --env-file .env --name my-picture-gallery simple-picture-gallery