Silverlinkz Photo Gallery
A web-component based hash-route photo gallery.
The gallery will load all
small images for thumbnails in the grid.
When you open the fullscreen slideshow, it will display the small image
as a placeholder while loading the larger full-sized
After the current image in the slideshow is loaded, the next and previous images will be lazy-loaded so that they are immediately ready upon changing image.
Note: Fullscreen won't work in the demo at
due to being inside of a fullscreen restricted iframe.
Installation (Polymer 3)
npm install --save @silverlinkz/sl-gallery
Legacy Installation (Polymer 2 / Bower)
bower install --save jsilvermist/sl-gallery#^1.0.0
Import the gallery (Polymer 3):
Legacy import (Polymer 2 / Bower):
sl-gallery element, and add
sl-gallery-image elements for each image:
small attribute is used for the thumbnail image and preloading the gallery slideshow image.
small attribute is missing, the gallery will use the
src for the thumbnail image.
small attributes are optional, and you can also set the
src attribute dynamically.