马赛克网格图库与动态大小的图像

Question

我刚收到一个项目的以下设计，一个图像网格图库，动态宽度＆amp;高度图像（用户提交的图像）。 （帖子末尾的截图）

我尝试了jQuery Masonry，Tympanus Automatic Image Montage和CSS-Tricks Seemless Responsive Photo Grid，但每个都有其限制。

• Jquery Masonry允许宽度和高度都是动态的，但是会产生间隙
• 后两个脚本，生成非常好的网格，但问题是宽度或高度必须是静态的

编辑：我遇到了Isotope，这几乎是完美的，我可能会最终使用它，除非有一些东西可以完全解决我的需求。因此，我的问题仍然是一样的......

是否有任何javascript（最好是jQuery）脚本可以生成完全动态的马赛克（就图像大小而言），如下面屏幕截图中的那样？

感谢您的帮助

---

Answer 1

我建议Freewall。它是一个跨浏览器和响应式jQuery插件，可以帮助您创建多种类型的网格布局：灵活的布局，图像布局，嵌套的网格布局，地铁风格的布局，像布局一样的pinterest ...具有很好的CSS3动画效果和回调事件。 Freewall是一款一体化解决方案，可为桌面，移动设备和平板电脑创建动态网格布局。

主页和文档：还找到here。

Answer 2

我认为你可以尝试"Google Grid Gallery"，它基于前面提到的Masonry和一些附加内容，比如样式和查看器。