scary-gallery
Element to layout images making best use of available space.
[ This description is mirrored from README.md at github.com/Scarygami/scary-gallery on 2019-05-10 ]
<scary-gallery>
<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.
Links
Compatibility
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