Balanced Gallery is a jQuery plugin that evenly distributes photos across rows or columns, making the most of the space provided. Photos are scaled based on the size of the 'container' element by default, making Balanced Gallery a great choice for responsive websites. On a recent project we needed a similar photo gallery for Polymer based frontend, hece we created and are open sourcing <polymer-bg> : a polymer element to evenly distribute the photos across rows or columns using balanced gallery plugin.
Demo - https://qed42.github.io/polymer-bg/
Github project -- https://github.com/qed42/polymer-bg ( Test, Use, Fork and let us know of your issues )
Using polymer-bg Element in your Project
Install this using bower
Add the element element using html imports
Now you can use the tag, pass the images in the <img> tag and use the tag attributes to configure the settings as shown, exhaustive list of attributes below the example:
