Галерея мозаики Grid с динамическими изображениями [закрыто]

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

я пыталсяJQuery Masonry, Tympanus Автоматический фотомонтаж а такжеCSS-трюки, кажущаяся бессмысленной сетка для фотографий, но у каждого есть свои ограничения.

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: я наткнулся,Изотоп, который почти идеален, и я, вероятно, в конечном итоге буду его использовать, если нет чего-то, что точно соответствует моим потребностям. Поэтому мой вопрос остается прежним ...

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

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

Gallery

 Mark Vital21 окт. 2012 г., 07:34
@Dogoku Не могли бы вы рассказать, как сделать так, чтобы высота и ширина одновременно изменялись в изотопе?
 shipshape13 окт. 2013 г., 22:14
Предупреждение: ссылка на Tympanus Automatic Image Montage является ошибочным куском мусора.
 Dogoku24 июл. 2012 г., 20:10
Спасибо, похоже, это то, что мне нужно. Не могли бы вы добавить это в качестве ответа, чтобы я мог дать вам должное и отметить вопрос как ответивший?
 Systembolaget24 июл. 2012 г., 23:49
Ура, только что сделал.
 RN Kushwaha31 мая 2016 г., 13:15
Вы можете использовать пользователяunitegallery, Это отзывчивый и имеет различные варианты, такие как ссылка, значок, лайтбокс и т. Д.

Ответы на вопрос(2)

Решение Вопроса

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

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

 07 сент. 2014 г., 06:06
tnx @zavr Я сделал что-то свое.github.com/mayankcpdixit/grid-no-white
 07 сент. 2014 г., 22:02
@mayankcpdixit, круто, молодец. Я сделал свой собственный, а также плагин jQuery.
 17 дек. 2016 г., 20:20
Потрясающий проект!
 05 сент. 2014 г., 16:59
@mayankcpdixit это очень полезно, спасибо
 02 апр. 2014 г., 12:27
Изучение этого: может быть полезноcrispymtn.com/stories/…

Я думаю, что вы можете попробовать& quot; Грид-галерея Google & quot;, он основан на вышеупомянутом масонстве с некоторыми дополнениями, такими как стили и просмотрщик.

Ваш ответ на вопрос