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

时间:2014-09-16 14:23:32

标签: javascript jquery jquery-isotope jquery-masonry packery

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

我无法找到任何符合此标准的Isotope演示?我知道还有包装和砖石。

任何想法,提示或示例都会很棒。

谢谢!

1 个答案:

答案 0 :(得分:1)

Imagefill.js正是如此。它更多地针对单个图像,但它也可以用于处理一系列图像并与Packery结合使用。

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