TinyGallery Demo
Image gallery written in plain old Vanilla JS.
Source Code | Usage
Features include:
- Browse the gallery of images by clicking on the arrows.
- Left/right arrows appear disabled when end of list is reached.
- Keyboard shortcuts:
- [Left/right keys] - Browse image gallery.
- [ESC] - Close gallery or escape from fullscreen.
- [F] - Enter fullscreen mode.
- Add captions via the
data-caption
attribute on the image.
- Auto-hide gallery navigation after 3 secs of inactivity to allow unobstructed view of image.
- Fullscreen capability.
- Swiping capability added, thanks to Hammer.js
- Display multiple galleries on the same page using unique id attributes.
- Gallery images are preloaded, but only after page has fully rendered.