Mosaic grid with dynamic size images

Question

I just got the following project for a project, for a gallery of image images, with dynamic images of width and height (images submitted by the user). (Screenshot at the end of the message)

I tried jQuery Masonry , Tympanus Auto Graphic Editing, and CSS-Tricks Seemless Responsive Photo Grid , but each one has its own limitations.

• JQuery Masonry allows you to dynamically change the width and height, however there are spaces created.
• The last 2 scripts generate very beautiful grids, but with the problem that the width or height should be static.

EDIT: I came across Isotope , which is almost perfect, and I will probably end up using it if there is something that exactly corrects my needs. So my question is still the same ...

Is there any javascript (preferably jQuery) script that can generate a fully dynamic mosaic (relative to the size of the image), such as in the screenshot below?

Thanks for any help

---

Answer 1

I suggest Freewall . This is a cross-browser and responsive jQuery plugin that helps you create many types of grid layouts: flexible layouts, image layouts, nested layout layouts, metro style layouts, pinterest such as layouts ... with nice CSS3 animation effects and callback events. Freewall is an all-in-one solution for creating dynamic grid layouts for desktops, mobile devices, and tablets.

Homepage and document: also found here .

Answer 2

I think you can try the Google Grid Gallery , based on the aforementioned Freemasonry with some additions like styles and a viewer.