Галерея мозаїчних сіток із зображеннями динамічного розміру [закрито]

Я щойно отримав наступний дизайн для проекту, для галереї сіток зображень, з динамічними зображеннями ширини та висоти (зображення, подані користувачем). (Знімок екрана в кінці допису)

Я спробував jQuery Masonry , Tympanus Automatic Image Montage та CSS-Tricks Seemless Responsive Photo Grid , але кожен має свої обмеження.

• Jquery Masonry дозволяє як ширині, так і висоті бути динамічними, однак виникають прогалини
• Останні 2 сценарії створюють дуже гарні сітки, але з проблемою, що або ширина, або висота повинні бути статичними

EDIT: я натрапив на Isotope , який майже ідеальний, і я, мабуть, в кінцевому підсумку використаю його, якщо тільки щось не буде точно визначати мої потреби. Тому моє питання все ще залишається незмінним ...

Чи існує якийсь сценарій javascript (бажано jQuery), який може генерувати повністю динамічну мозаїку (щодо розміру зображення), як на знімку екрана нижче?

Дякую за будь-яку допомогу

Я пропоную Freewall. Це крос-браузерний і адаптивний плагін jQuery, який допоможе вам створити багато типів макетів сітки: гнучкі макети, макети зображень, вкладені макети сітки, макети стилів метро, ​​макети pinterest, як макети ... з приємними ефектами анімації CSS3 та подіями зворотного виклику. Freewall - це універсальне рішення для створення динамічних макетів сітки для настільних, мобільних та планшетних ПК.

Домашня сторінка та документ: також знайдено here.

Я думаю, ви можете спробувати "Google Grid Gallery" , вона базується на вищезазначеному Масонстві з деякими доповненнями, наприклад стилями та засобом перегляду.