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

Question

我刚刚收到了一个项目的以下设计,一个图像网格库,具有动态宽度和高度图像(用户提交的图像).(帖子末尾的截图)

我尝试过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.