this is implemented in python (more tests)
I'm interested in a result like in the image above (implemented in python) using the Packery.js jQuery plugin for js/DOM based bin packing. Packery is built to work from left to right, top to bottom, but I wonder if using a circular bounding box rather the viewport as its boundaries could do the trick.
Ultimately I want to use this to present many image thumbnails with a wide array of sizes and proportions.
Any code examples or other pointers would be highly appreciated.
Here's a CodePen for you to play with:
this is implemented in python (more tests)
I'm interested in a result like in the image above (implemented in python) using the Packery.js jQuery plugin for js/DOM based bin packing. Packery is built to work from left to right, top to bottom, but I wonder if using a circular bounding box rather the viewport as its boundaries could do the trick.
Ultimately I want to use this to present many image thumbnails with a wide array of sizes and proportions.
Any code examples or other pointers would be highly appreciated.
Here's a CodePen for you to play with:
Share
Improve this question
edited Sep 11, 2019 at 13:23
Glorfindel
22.7k13 gold badges90 silver badges120 bronze badges
asked Jan 23, 2014 at 11:59
MushonMushon
618 bronze badges
1
- Please edit the externally hosted code into the post; doing so will make sure it remains useful even if the link breaks. My script is not allowed to do this because of potential licensing problems. – Glorfindel Commented Sep 11, 2019 at 13:23
1 Answer
Reset to default 10 +25Yes! See https://github./metafizzy/packery/issues/62
In the works.
Development is on the center-out-corner branch. It's in an experimental phase. While this is a neat visual demo, I'm unsure how practical its application is.