动态图像排序和裁剪类似于谷歌+专辑视图

时间:2011-07-09 08:19:11

标签: javascript image sorting

有人可以帮我找到解决方案,以获得与google plus album view相同的结果吗?

缩略图列表通过重新排序和裁剪图像来保持一致的行宽,使它们始终适合,并根据窗口大小重新排列。

我知道masonry但是当图像尺寸不同时,它往往会产生很多空白区域...(因为它不能处理裁剪)

有人知道这样做的插件吗?或者如果不是它背后的基本数学?

3 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

对于你正在寻找的东西,这可能有点过分。

您可以使用电子设备中常用的Simulated Annealing算法来查找微芯片限制区域内所有微小电子元件的最佳布局,这与找到最佳布局的问题基本相同。浏览器窗口内的一组图像。

基本上,这个算法为您提供了一个很好的解决方案,但不能保证是最好的。 仔细阅读维基百科的文章,因为它解释得比我更好。

您还可以查看此Simulated Annealing applet以查看推销员问题。尝试使用500℃的温度,观察感冒时的情况。

希望这有帮助。

答案 2 :(得分:0)

我在google plus中找到的内容可能对您有帮助。

  1. 他们剪了一些图片以使其合身。您可以轻松地在第一张图片上找到它
  2. 他们有相同高度的图像行
  3. 这样做很容易。您可以通过首先缩放将图像调整到相同的高度,然后在每行中调整最宽的一点以调整线条的宽度。

    O,顺便说一句,如果你用谷歌+服务来拉直镀铬窗口它看起来不会像现在这样好,有些间隙会出现一些线路