Адаптивная верстка фотогалереи

Статус
Закрыто для дальнейших ответов.

Myp3uk

Новичок
Регистрация
18.11.2015
Сообщения
3
Ребята. Подскажите при помощи чего можно получить результат как на картинке ниже, чтобы изображения занимали всю ширину, когда изменяешь разрешение окна браузера (или заходишь с мобильных устройств). А то я уже несколько часов мучаюсь используя все что можно, но такого результата не могу добиться.
 

Вложения

Myp3uk

Новичок
Регистрация
18.11.2015
Сообщения
3
Спасибо, что подсказали ресурс, я им воспользовался но все равно пока что далеко от идеала =) Проблема именно в том, что остаются пустые края справа от изображений, т.к. следующее изображение больше по ширине и не может влезть на верхний ряд, поэтому мне нужно либо, чтобы изображения как-то растягивались сами и занимали всю ширину строки или следующие маленькие изображения как-то вставали на это место вместо большого.
 

Вложения

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Если растягивать, то картинки будут не пропорциональные и ты опять будешь недоволен.
Мне кажется там есть и на этот случай решение, но я его реализации не знаю.

Попробуй в гугле "jquery gallery mosaic", там полно плагинов и статей есть подобных.
Первая же статья из гугла с набором плагинов
http://bashooka.com/coding/responsive-jquery-image-gallery-plugins/
 

Myp3uk

Новичок
Регистрация
18.11.2015
Сообщения
3
Спасибо. Нашел решение при помощи плагина jQuerry "Justified-Gallery". Теперь всё выглядит очень даже ничего =)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ