Как стать автором
Обновить

Комментарии 38

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

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 )))
А если объявить только одно изображение для каждого элемента, как будет работать?
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Она правда ваще не адаптивна
НЛО прилетело и опубликовало эту надпись здесь
В той, что прислали Вы багов еще больше — пока не перезагрузишь страницу, фотки не адаптируются
НЛО прилетело и опубликовало эту надпись здесь
Дык я не Вас писал, а ssh4 :)
Выглядит красиво, но я всегда в таких галереях теряюсь, как их «читать» — вертикально или горизонтально?
НЛО прилетело и опубликовало эту надпись здесь
Подскажите как заливать изображения? Или надо самому конвертить под все размеры?
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации