php - 随机定位图像，不重叠

Question

我正在使用 Wordpress 并使用他们的代码，我将画廊上传输出到特定页面作为无序列表的图像。

我想知道是否有一种方法可以使用 JS 将这些图像绝对定位在容器中（这将是相对的）并且没有任何重叠？因此，它必须定位它们，然后记下该图像的位置并确保下一个图像不重叠等。

每次都应该是随机生成，但我也想知道是否可以使图像及其位置每次都相同？

谢谢大家，期待一些想法。

-R

编辑：您可以在此处查看 HTML 和进度：http ://richgc.com/freelance/staton/furniture/

Answer 1

有一些 jquery 插件可以做到这一点。这是一个：

http://masonry.desandro.com/

Answer 2

选择@lucuma 的回答（我不知道有预先存在的插件）。

如果您要手动实现这样的插件，您可以使用传统上用于优化从钣金切割零件的切割算法来确定不会重叠的图像位置。

如果您选择确定性算法，您应该始终在正确的位置获得图像的占位符。如果图像总是大小不同，这将确保图像总是出现在同一个地方。由于许多图像的大小可能相同，因此您可以按照图像文件名的字母顺序将图像分配给“剪切槽”。