This is a fork of PhotoSwipe, the awesome piece of JavaScript that helps display photos on small screens as well as large ones.
This a demo. I used this idea for a while on my own photography site, please update the example images with your own.
- Append a counter to the image gallery
- Loads PhotoSwipe right away without showing the thumbnails (we have no need for thumbnails)
- Adds a heading to the gallery that shows and hides with user mouse clicks/taps/timeout
- Download or fork this repo
- Number your image files as such: '001.jpg', '002.jpg', '003.jpg' through '999.jpg' and place them in the '/images' folder, replacing the existing 4 jpg's.
- Change the value of the NumberOfImages (at the top of main.js, ~line 4) to how ever many photos you have.
- Optionally, adjust the {options} object if you want to.
I made this demo after seeing this issue and this issue on GitHub. I wanted to do the same thing on my website. I thought that this demo might be helpful for others. :)
Demo made using photoswipe.js, changed with permission via the MIT Licence.
For more information, see: https://github.com/dimsemenov/PhotoSwipe