马赛克网格画廊与动态大小的图像 [英] Mosaic Grid gallery with dynamic sized images

问题描述

我刚收到一个项目的下列设计，图像网格库，动态宽度&高度图像（用户提交的图像）。 （截图在帖子结尾处）

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

主页和文档：也发现 这里 。

I have just received the following design for a project, for an image grid gallery, with dynamic width & height images (user submitted images). (Screenshot at the end of post)

I have tried jQuery Masonry, Tympanus Automatic Image Montage and CSS-Tricks Seemless Responsive Photo Grid, but each has their limitation.

• Jquery Masonry allows for both width and height to be dynamic, however there are gaps generated
• The latter 2 scripts, generate very nice grids, but with the problem that either width or height must be static

EDIT: i came across, Isotope, which is almost perfect and i will probably end up using it, unless there's something that fixes my needs exactly. Therefore my question still remains the same...

Is there any javascript (preferably jQuery) script that can generate a completely dynamic mosaic (in respect to image size), like the one in the screenshot below?

Thanks for any help

---

解决方案

I suggest Freewall. It is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nested grid layouts, metro style layouts, pinterest like layouts ... with nice CSS3 animation effects and call back events. Freewall is all-in-one solution for creating dynamic grid layouts for desktop, mobile, and tablet.

Home page and document: also found here.

这篇关于马赛克网格画廊与动态大小的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！