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

Dag*_*ouf 6 javascript sorting image

有人可以帮我找到解决方案,以达到与谷歌+专辑视图相同的结果?

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

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

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

Fed*_*kov 0

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

  1. 他们剪切了一些图像以使其适合。您可以轻松地在第一张图片上找到它
  2. 它们具有相同高度的图像线

所以做到这一点很容易。您可以先通过缩放将图像调整到相同的高度,然后在每行中您可以剪掉最宽的一点来调整线条的宽度。

O,顺便说一句,如果您使用 google+ 服务来拉伸 chrome 窗口,它看起来不会像以前那么好,某些行会出现一些间隙