马赛克网格画廊dynamic大小的图像

我刚收到一个项目的以下devise,图像网格库,dynamic宽度和高度图像(用户提交的图像)。 (截图在post结尾)

我尝试过jQuery Masonry , Tympanus自动图像蒙太奇和CSS-Tricks Seemless Responsive Photo Grid ,但每个都有其局限性。

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

编辑:我碰到, 同位素 ,这是几乎完美,我可能会最终使用它,除非有什么东西,确切地解决了我的需求。 所以我的问题仍然是一样的

是否有任何JavaScript(最好是jQuery)脚本,可以生成一个完全dynamic的马赛克(就图像大小),如下面的截图中的一个?

谢谢你的帮助


画廊

我build议Freewall 。 这是一个跨浏览器和响应式jQuery插件,可以帮助您创build多种types的网格布局:灵活的布局,图像布局,嵌套的网格布局,metro风格的布局,pinterest像布局…有很好的CSS3animation效果和callback事件。 Freewall是用于为桌面,移动设备和平板电脑创builddynamic网格布局的一体化解决scheme。

主页和文件:也在herefind。

我认为你可以尝试“谷歌网格画廊” ,它基于上述的砌体和一些增加,如风格和观众。

Interesting Posts