» » » Flickr галерея для сайта на jQuery (ks-gallery)

Flickr галерея для сайта на jQuery (ks-gallery)

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

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

Flickr галерея для сайта на jQuery (ks-gallery)

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

Flickr галерея для сайта на jQuery (ks-gallery)

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

Решение было хорошим, пока не отрезало голову человеку на фотографии.  

В итоге мы обратили свой взор на ресурсы, которые являются площадками для размещения фотографий. Самым интересным решением нам показалась реализация Flickr.

Flickr галерея для сайта на jQuery (ks-gallery)

Flickr галерея для сайта на jQuery (ks-gallery) 

Решение получилось кроссбраузерное: Internet Explorer 8+, Chrome, Firefox, Safari и Opera. 

Скачать последнею версию Flickr галереи для сайта на jQuery (ks-gallery) можно с github, там же располагаются инструкции по установке. Данное решение, можно применить к любому сайту.

Примеры сайтов, где используется данное решение:

 

Другие публикации по теме:

Комментарии