有人可以帮我找到解决方案,以获得与google plus album view相同的结果吗?
缩略图列表通过重新排序和裁剪图像来保持一致的行宽,使它们始终适合,并根据窗口大小重新排列。
我知道masonry但是当图像尺寸不同时,它往往会产生很多空白区域...(因为它不能处理裁剪)
有人知道这样做的插件吗?或者如果不是它背后的基本数学?
答案 0 :(得分:2)
看看:
http://blog.vjeux.com/2012/javascript/image-layout-algorithm-google-plus.html
它解释了布局的工作原理。
另请看一下: http://www.techbits.de/2011/10/25/building-a-google-plus-inspired-image-gallery/ http://www.moewashere.com/jglance/
这两者都是google plus相册网格的实现。
答案 1 :(得分:1)
对于你正在寻找的东西,这可能有点过分。
您可以使用电子设备中常用的Simulated Annealing算法来查找微芯片限制区域内所有微小电子元件的最佳布局,这与找到最佳布局的问题基本相同。浏览器窗口内的一组图像。
基本上,这个算法为您提供了一个很好的解决方案,但不能保证是最好的。 仔细阅读维基百科的文章,因为它解释得比我更好。
您还可以查看此Simulated Annealing applet以查看推销员问题。尝试使用500℃的温度,观察感冒时的情况。
希望这有帮助。
答案 2 :(得分:0)
我在google plus中找到的内容可能对您有帮助。
这样做很容易。您可以通过首先缩放将图像调整到相同的高度,然后在每行中调整最宽的一点以调整线条的宽度。
O,顺便说一句,如果你用谷歌+服务来拉直镀铬窗口它看起来不会像现在这样好,有些间隙会出现一些线路