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

我刚刚收到一个项目，图像网格库，具有动态宽度&高度图像（用户提交的图像）的以下设计。（截图末尾）马赛克网格画廊与动态大小的图像

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

Jquery的砌体允许宽度和高度是动态的，但有产生
后者2个脚本，产生非常好的网格差距，但这个问题，要么宽度或高度必须是静态

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

是否有任何JavaScript（最好是jQuery）脚本，可以生成完全动态的马赛克（关于图像大小），就像下面截图中的那个？

感谢所有帮助

Gallery

来源

2012-06-07 Dogoku

感谢，看起来像它的需要。您能否请您将此作为答案添加，以便我可以正确地给您信用并将问题标记为已回答？ – Dogoku

干杯，就这样。 – Systembolaget

@Dogoku你可以分享如何在同位素中同时生成高度和宽度动态？ –

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

主页和文件：也发现here。

来源

2014-01-14 15:18:40 Oleg

+12

学习此：可能有帮助 http://www.crispymtn.com/stories/the-algorithm-for-a-perfectly-balanced-photo-gallery – mayankcpdixit

@mayankcpdixit这是非常有帮助的，谢谢 – zavr

tnx @zavr我做了我自己的东西。 https://github.com/mayankcpdixit/grid-no-white – mayankcpdixit

我认为你可以尝试"Google Grid Gallery"，它基于前面提到的砌体，还有一些补充，如样式和查看器。

来源

2014-04-20 14:01:44 askhat

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

回答

相关问题