具有动态大小图像的马赛克网格画廊 [英] 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屋！