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 Build Status Greenkeeper badge Published on webcomponents.org Published on Vaadin  Directory Stars on vaadin.com/directory

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

Link to this version
ImportedReleased 28 August 2018Apache License 2.0
Framework Support
Polymer 2.0+
Also supported:
Polymer 1 (2.0.2)
Browser Independent
Install with
bower install --save Collaborne/iron-justified-gallery"#2.3.1"
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