81

我刚刚收到了一个项目的以下设计，一个图像网格库，带有动态宽度和高度图像（用户提交的图像）。（截图在文末）

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

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

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

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

谢谢你的帮助

画廊

4

2 回答 2

65

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

主页和文档：也找到了here。

于 2014-01-14T15:18:40.513 回答
2

我认为您可以尝试“Google Grid Gallery”，它基于前面提到的 Masonry 并添加了一些附加功能，例如样式和查看器。

于 2014-04-20T14:01:44.757 回答