layout - 让同位素调整图像大小以最适合固定大小的容器?

标签 layout jquery-plugins jquery-isotope

我想知道如何/是否可以使用 Isotope 来填充给定空间。

我有几张图片,6-12 是我从数据库查询中提取的(我不知道提前的确切大小),我想让它们适合页面以最大化所有可能空间。页面的大小是固定的,不会改变(它是 A4 或 ~8 1/2 x 11),图像的大小大致相同,但仅在方向上有所不同。 Isotope 是否能够找到一些巧妙的方法来调整和排列项目,以便它们在容器中占据最多的空间?包括盒子的高度和宽度。

最佳答案

有一个出色的插件可以做到这一点。检查一下。

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

关于layout - 让同位素调整图像大小以最适合固定大小的容器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25864808/

相关文章:

jQuery 插件获取元素 ID 以在 AJAX 中使用成功

jquery - 字符计数器和限制器 - 代码清晰

javascript - 同位素数据过滤器在 Ajax 回调后不过滤

java - java中的两个面板布局(第一个面板具有固定大小,第二个面板具有剩余大小)

css - CSS 的定位问题真的很奇怪

安卓动画 : Hide/Show Menu

javascript - Jquery 同位素复选框过滤

圆内包装圆的算法?

javascript - jquery自定义文件输入插件

javascript - 同位素过滤器和动画不起作用