Flickr галерея для сайта на jQuery (ks-gallery)
Часто в нашу компанию обращаются довольно крупные клиенты, которые в процессе своей деятельности делают много фотографий, которые в свою очередь хочется где-то опубликовать. В случаи с музеями, парками, театрами и прочими организациями где мероприятия чуть ли не каждый день, фотогалерея один из главных разделов на сайте для них.
В большинстве случаев галерея реализовалась стандартным способом. Есть несколько строк и каждая строка содержит пару превью фотографий, после нажатия открывается фотография с большим размером. Самый распространенный стиль оформления для фотографий в интернете.
Но у этого варианта была одна весомая проблема, часто наши клиенты загружали фотографии не альбомной ориентации, а портретной, особенно частый случай для фото с человеком в полный рост. В итоге превью для таких фотографий в галереи отображались по разному, что сильно сказывается на дизайне сайта.
Тогда мы решили реализовать в новых проектах автоматическую обрезку превью для фотографий, чтобы у портретных или квадратных фотографий обрезалась область по размерам, которые необходимы, чтобы все превью для фотографий были одинаковыми по размерам.
Решение было хорошим, пока не отрезало голову человеку на фотографии.
В итоге мы обратили свой взор на ресурсы, которые являются площадками для размещения фотографий. Самым интересным решением нам показалась реализация Flickr.
Решение получилось кроссбраузерное: Internet Explorer 8+, Chrome, Firefox, Safari и Opera.
Скачать последнею версию Flickr галереи для сайта на jQuery (ks-gallery) можно с github, там же располагаются инструкции по установке. Данное решение, можно применить к любому сайту.
Примеры сайтов, где используется данное решение: