php - jQuery 或 PHP 无缝图像库

Question

我正在寻找一种方法来显示不同宽度和高度的图像库，以便它们之间没有任何空格。

类似于此解决方案，但与 IE 兼容，并且更喜欢水平行而不是垂直列:http://css-tricks.com/seamless-responsive-photo-grid/

插件或类似插件失败，有人知道如何实现此目的吗？我用一点 PHP 对其进行了一次猛烈的尝试，并弄清楚了如何将图像按比例缩放到给定的最大行高并跟踪剩余的空间，但是当您获得的图像短于最大值(您仍然会得到一些空白)。

一个想法是只显示图像，然后使用 jQuery 缩放它们(使用宽度/高度属性)，这样我就能够拍摄 y 图像并找出如何将它们放入一行 x 像素宽的行中。

不缺乏肘部润滑脂，只需要朝正确的方向轻推即可。任何帮助表示赞赏

Answer 1

我已经努力得到你想要的东西有一段时间了。我还查看了 Chris Coyier 的无缝照片网格，并在引入过滤功能时遇到了一些问题。

您可以在 stackoverflow 上查看我关于 css-column 无缝照片网格的问题/答案 here和 here .

然后，我使用 jQuery Masnory 尝试了 javascript 方法。在流体环境中。您可以在 this stackoverflow 中了解如何执行此操作。发布。

它有效，但我仍在试图弄清楚为什么图像之间存在垂直间隙。

所以我的答案是如果您想要 JavaScript 方法，请使用 Masonry，但也要注意我从未见过它的无缝且响应式的照片实现。我还在寻找。