Polymer element that shows a pretty formatted gallery (using the Flickr justified-layout library)
[ This description is mirrored from README.md at github.com/Collaborne/iron-justified-gallery on 2019-05-10 ]
iron-justified-gallery

Polymer element that shows a pretty formatted gallery (using the Flickr justified-layout library)
Install
npm install iron-justified-gallery --save
<iron-justified-gallery
images="[[images]]"
gallery-width="500"
row-height="150">
</iron-justified-gallery>
Usage
Supported options:
Option | Description |
---|---|
images | Source of images that will be rendered in the gallery |
galleryWidth | Width that the gallery will take |
rowHeight | Height of a single row in the gallery |
The images need to be a JavaScript array with absolute URLs:
const array = [
{ url: "http://www.server.com/image1.png", width: 500 },
{ url: "http://www.server.com/image2.png", width: 500 },
{ url: "http://www.server.com/image3.png", width: 500 }
];
Install
Framework Support
Browser Independent
Install with
Run the above Bower command in your project folder.
If you have any issues installing, please
contact the author.
Release notes - Version 2.3.1
Dependencies
- polymer#Polymer/polymer#^2.0.0
- iron-icon#PolymerElements/iron-icon#^2.0.0
- iron-icons#PolymerElements/iron-icons#^2.0.0
- iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^2.0.0
- justified-layout#npm:justified-layout#^2.1.0