grokru Nov 18 2012 at 01:22

Gamma Gallery — отличная адаптивная галерея

3 min

62K

Website development*CSS*

+36

Comments 38

Shultc Nov 18 2012 at 02:23

Я обратил внимание, что низ галереи не ровный, в то время, как правый край ровный. Это специальный эффект? Если я загружу картинки разной ширины, то останется ли всё так гладко? И есть ли возможность сделать и низ гладким?

P.S. Извиняюсь, если вопрос глупый, я далёк от этой темы.

P.S. А выглядит на самом деле хорошо, потому и заинтересовался.

shebanoff Nov 18 2012 at 03:09

Картинки подстраиваются под размер колонок, которые в свою очередь равны между собой, и количество которых зависит от размеров окна (экрана девайса и т.п.). Т.е. да, все останется гладко.

UFO just landed and posted this here

gasya Nov 18 2012 at 16:30

Если считать, что ширина колонки для разных колонок не обязана быть одинаковой — то очевидно можно.

Если ничего не путаю — можно найти нормальное решение для линейного уравнения (чтобы ширины колонок были максимально схожими по ширине). В результате ширины колонок будут немного различаться (на больших галереях не сильно мешаться будет) и низ будет ровный.

UFO just landed and posted this here

freextraz Nov 18 2012 at 17:24

Можно.
Есть высота каждой колонки, берем наименьшую. У остальных колонок для каждой фотографии обрезаем превью по высоте на разницу деленную на количество фотографий в колонке.

UFO just landed and posted this here

gasya Nov 18 2012 at 19:56

Ну если уж на то пошло — может превьюшки вообще квадратными сделать, а фото не попавшие в последний ряд удалить?)

freextraz Nov 19 2012 at 10:46

Не вижу поводов для сарказма) Вполне жизнеспособное решение

Harrix Nov 18 2012 at 07:51

Шикарная галерея!

kjuby Nov 18 2012 at 08:36

Галерея очень красивая. Но у меня, не знаю как, но вышло, что «подложкой» оказалась одна картинка, а поверх нее отображалась текущая. Как-то так:

После f5, конечно, все встало на свои места.
Google Chrome Version 23.0.1271.64

ISpy Nov 18 2012 at 09:06

Плохо срабатывает кнопка закрыть (x) при просмотре фото: если фото открывается в первый раз, то только через 4-5 после открытия можно его закрыть, если фото уже открывалось, то через 2-3 секунды. До этого ничего сделать нельзя. Так же, хотелось бы еще и по Esc закрывать. Windows 7, Chrome 23.0.1271.64 m

CyberLight Nov 18 2012 at 13:32

Я заметил что при изменении ширины окна браузера в сторону уменьшения, картинки плавно уменьшаются и при фиксации размера окна браузера нормально заполняют области. Но вот если увеличивать размер окна, то картинки начинают расширяться и налазить друг на друга :( не очень то смотрится.
Win8 Chrome 23.0.1271.64 m

TITOFF Nov 18 2012 at 19:03

То же самое в ФФ 16.0.2 WinXP

ShpuntiK Nov 18 2012 at 14:12

Классная штука, правда нужно ещё потестить и баги поправить.

max_rip Nov 18 2012 at 14:14

Мне нравится фоторама, но увы она теперь платная. Но для личных проектов она бесплатная.

UFO just landed and posted this here

Dyo Nov 18 2012 at 19:03

На вид неплохо, но вот выход из увеличения делать лучше кликом во всей темной зоне а не четко по крестику в углу, так удобнее ИМХО. А при клике на саму увеличенную фотку переход к следующей. Подкрутитить каменты и вуаля — Pinterest )))

-1