jquery同位素最大化项目以适应父容器
jquery isotope maximize items to fit parent container
我有一个固定高度和宽度的容器(2480px x 3508),我想用内容动态填充它。内容介于6-12个图像之间。我的问题是如何根据图像的总数和容器的大小动态调整图像的大小。这些图像的大小大致相同,只是根据它们的方向略有不同。因此,基本上,当图像越多,它们就越小,而当图像越少,它们就会越大,并尽可能地填充容器。
我一直找不到任何与此匹配的同位素演示?我知道这里还有包装厂和砖石建筑。
任何想法、技巧或例子都会很棒。
谢谢!
Imagefill.js正是这样做的。它更多地针对个人图像,但也可以制作一系列图像,并与Packey结合使用。
http://johnpolacek.github.io/imagefill.js/
相关文章:
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 同位素更新到V2,如何切换大小和布局
- jQuery同位素和推特引导导航导航药丸
- 有没有一种方法可以创建到同位素过滤器的直接链接
- 按类别排序;元素有多个类别(同位素.js)
- 如何禁用最大化,最小化和关闭按钮以打开新窗口
- 使用同位素插件,我可以按字符串名称过滤并使图像重叠吗?
- 使用同位素v2与RequireJS
- 具有多重过滤器的同位素
- jQuery同位素插件添加过滤器
- 自动最大化浏览器窗口
- 同位素分页布局?或者至少是增量加载
- 转换UL->li inot为同位素过滤菜单选择的列表
- 在动态添加的图像上实现Jquery同位素
- 浏览器窗口最小化/最大化事件
- 添加'错误'消息发送到同位素.JS搜索筛选器
- 同位素网格布局使用空白空间
- jQuery同位素if/else使用indexOf时出现问题
- 同位素jquery与演示中的布局相同
- jquery同位素最大化项目以适应父容器