Я обратил внимание, что низ галереи не ровный, в то время, как правый край ровный. Это специальный эффект? Если я загружу картинки разной ширины, то останется ли всё так гладко? И есть ли возможность сделать и низ гладким?
P.S. Извиняюсь, если вопрос глупый, я далёк от этой темы.
P.S. А выглядит на самом деле хорошо, потому и заинтересовался.
Картинки подстраиваются под размер колонок, которые в свою очередь равны между собой, и количество которых зависит от размеров окна (экрана девайса и т.п.). Т.е. да, все останется гладко.
Если считать, что ширина колонки для разных колонок не обязана быть одинаковой — то очевидно можно.
Если ничего не путаю — можно найти нормальное решение для линейного уравнения (чтобы ширины колонок были максимально схожими по ширине). В результате ширины колонок будут немного различаться (на больших галереях не сильно мешаться будет) и низ будет ровный.
Можно.
Есть высота каждой колонки, берем наименьшую. У остальных колонок для каждой фотографии обрезаем превью по высоте на разницу деленную на количество фотографий в колонке.
Галерея очень красивая. Но у меня, не знаю как, но вышло, что «подложкой» оказалась одна картинка, а поверх нее отображалась текущая. Как-то так:
После f5, конечно, все встало на свои места.
Google Chrome Version 23.0.1271.64
Плохо срабатывает кнопка закрыть (x) при просмотре фото: если фото открывается в первый раз, то только через 4-5 после открытия можно его закрыть, если фото уже открывалось, то через 2-3 секунды. До этого ничего сделать нельзя. Так же, хотелось бы еще и по Esc закрывать. Windows 7, Chrome 23.0.1271.64 m
Я заметил что при изменении ширины окна браузера в сторону уменьшения, картинки плавно уменьшаются и при фиксации размера окна браузера нормально заполняют области. Но вот если увеличивать размер окна, то картинки начинают расширяться и налазить друг на друга :( не очень то смотрится.
Win8 Chrome 23.0.1271.64 m
На вид неплохо, но вот выход из увеличения делать лучше кликом во всей темной зоне а не четко по крестику в углу, так удобнее ИМХО. А при клике на саму увеличенную фотку переход к следующей. Подкрутитить каменты и вуаля — Pinterest )))
Gamma Gallery — отличная адаптивная галерея