Directory

← Back

scary-gallery

Element to layout images making best use of available space.

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/Scarygami/scary-gallery on 2019-05-10 ]

<scary-gallery>

Published on webcomponents.org

<scary-gallery> will (try to) layout any of its <scary-image> children to make best use of available space, and rearranges the images, when the size changes.

Sample usage:

<scary-gallery min-height="100">
  <scary-image src="https://lorempixel.com/300/200/"></scary-image>
  <scary-image src="https://lorempixel.com/350/250/"></scary-image>
  <scary-image src="https://lorempixel.com/350/200/"></scary-image>
  <scary-image src="https://lorempixel.com/800/200/"></scary-image>
  <scary-image src="https://lorempixel.com/320/200/"></scary-image>
  <scary-image src="https://lorempixel.com/200/200/"></scary-image>
</scary-gallery>

Disclaimer:

Work in progress, the algorithm to layout the images is far from perfect.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#1.9 - 2

Released
2017-05-16
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 0.0.1
Browser
Browser Independent

scary-gallery - Vaadin Add-on Directory

Element to layout images making best use of available space. scary-gallery - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/Scarygami/scary-gallery](https://github.com//Scarygami/scary-gallery/blob/2.0.0/README.md) on 2019-05-10 ]** # \ [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Scarygami/scary-gallery) `` will (try to) layout any of its `` children to make best use of available space, and rearranges the images, when the size changes. Sample usage: ```html ``` Disclaimer: Work in progress, the algorithm to layout the images is far from perfect.
Online