Мозаичная сетка с изображениями с динамическим размером

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

Я пробовал jQuery Masonry, Автоматический графический монтаж Tympanus и CSS-Tricks Seemless Responsive Photo Grid, но каждый из них имеет свои ограничения.

  • JQuery Masonry позволяет динамически изменять ширину и высоту, однако есть созданные пробелы.
  • Последние 2 скрипта генерируют очень красивые сетки, но с проблемой, что ширина или высота должны быть статическими.

EDIT: я столкнулся, Isotope, что почти идеально, и я, вероятно, в конечном итоге его использую, если там что-то который точно исправляет мои потребности. Поэтому мой вопрос по-прежнему остается тем же...

Есть ли какой-нибудь javascript (желательно jQuery) script, который может генерировать полностью динамическую мозаику (по отношению к размеру изображения), такую ​​как на скриншоте ниже?

Спасибо за любую помощь


Gallery

Ответ 1

Я предлагаю Freewall. Это кросс-браузерный и отзывчивый плагин jQuery, который поможет вам создать множество типов макетов сетки: гибкие макеты, макеты изображений, макеты вложенных сеток, макеты стилей в стиле метро, ​​pinterest, такие как макеты... с приятными эффектами анимации CSS3 и событиями обратного вызова. Freewall - это решение "все-в-одном" для создания динамических макетов сетки для настольных компьютеров, мобильных устройств и планшетов.

Домашняя страница и документ: также найдены here.

Ответ 2

Я думаю, вы можете попробовать "Галерея гридов Google" , на основе вышеупомянутого масонства с некоторыми дополнениями, например стилями и зрителем.