随机定位图像,没有重叠

时间:2012-06-10 15:57:42

标签: php javascript jquery wordpress position

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

我想知道是否有办法将这些图像绝对放在容器内(这将是相对的)使用JS并且没有任何重叠?因此,它必须定位它们,然后记下图像的位置,并确保下一个图像不重叠等。

这应该是每次都是随机生成,但我也想知道是否有可能每次都使图像和位置相同?

谢谢你们,期待一些想法。

-R

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

2 个答案:

答案 0 :(得分:1)

有一些jquery插件可以做到这一点..这是一个:

http://masonry.desandro.com/

答案 1 :(得分:1)

使用@ lucuma的答案(我不知道有预先存在的插件)。

如果您要手动实施这样的插件,可以使用传统上用于优化从钣金切割零件的cutting algorithm来确定不会重叠的图像的位置。 / p>

如果选择确定性算法,则应始终在正确的位置获取图像的占位符。图像总是具有不同的大小,这将确保图像始终出现在同一个地方。由于许多图像的大小可能相同,因此您可以将图像分配到例如“切出的插槽”中。图像文件名的字母顺序。