jquery同位素最大化项目以适应父容器

jquery isotope maximize items to fit parent container

本文关键字:同位素 最大化 项目 jquery      更新时间:2023-09-26

我有一个固定高度和宽度的容器(2480px x 3508),我想用内容动态填充它。内容介于6-12个图像之间。我的问题是如何根据图像的总数和容器的大小动态调整图像的大小。这些图像的大小大致相同,只是根据它们的方向略有不同。因此,基本上,当图像越多,它们就越小,而当图像越少,它们就会越大,并尽可能地填充容器。

我一直找不到任何与此匹配的同位素演示?我知道这里还有包装厂和砖石建筑。

任何想法、技巧或例子都会很棒。

谢谢!

Imagefill.js正是这样做的。它更多地针对个人图像,但也可以制作一系列图像,并与Packey结合使用。

http://johnpolacek.github.io/imagefill.js/