вторник, 8 декабря 2015 г.

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

Если изображениям отводится на вашем веб-сайте важная роль, то галерея для их отображения послужит им отличной витриной. Однако, её наличие может обернуться вам и во вред - в случае просмотра вашей страницы с мобильного или сенсорного устройства. Пользователи мобильных устройств тоже заслуживают вашей заботы, что и навело меня на мысль написать эту статью.


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

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

01. FlexSlider

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

"Карусель" для закольцованного воспроизведения картинок со слайд-эффектами и анимацией от Woothemes, сопровождающей проявку/растушёвку изображений, FlexSlider 2 отображает как фото, так и видео, причём, во всех основных браузерах.

02. Elastislide

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

"Карусельная конструкция, помещённая в каркас с шириной переменной величины, и сама обретает гибкость". Для нас это прозвучало весьма убедительно, однако, чтобы вникнуть в суть поглубже, посмотрите ролик, демонстрирующий потенциал данной концепции на 5 примерах.

03. Адаптивная галерея Responsive Image Gallery

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

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

04. Supersized

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

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

05. Photoswipe

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

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

06. ResponsiveSlides.js

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

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

07. wmuSlider

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

Ещё один компактный jQuery-проектор фото-слайдов, снабжён функцией их прокрутки через плавный переход, а с последнего в клипе слайда возвращается в его начало - к первому.

08. Camera

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

Помимо немного непривычной вариации эффектов перехода, этот проигрыватель слайдовых клипов отличается ещё и наличием опции автопуска (при наведении курсора на значок которой воспроизведение прерывается), а также поддержкой отображения субтитров и разбиения контента на страницы. Работоспособность HTML-элементов и проигрывание видео-файлов также поддерживаются. 

09. RefineSlide

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

RefineSlide дарит вам роскошь настройки параметров эффектов, налагаемых на ваш слайдовый клип, а также их сочетания, причём, выбор способов перехода между кадрами здесь весьма широк, есть даже поддержка трёхмерной трансформации. Солидная браузерная поддержка, javascript-"страховка" от сбоев, возможность отображения субтитров.

10. galleria

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

Адаптивная javascript-галерея картинок, чувствительная как к воздействию динамическими средствами, так и к обращениям медийных служб. Прямой доступ к просмотру альбома полностью, к запуску слайдового видео-клипа, к опциям настройки субтитров, "приближения", а также переключения в полноэкранный режим - всё через единую панель управления под фото-галереей.

Дополнение к списку:

FlexSlider feat. Kwiks

Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов

Умельцы из команды Webcodebuilder "скрестили" FlexSlider от Woothemes с Kwicks Джереми Мартина (Jeremy Martin) и получили "гибридный" адаптивный jQuery-модуль, наречённый ими FlexSlider feat. Kwiks. Модуль задействует "гармошку" Kwicks для картинок более высокого разрешения и FlexSlider - для более низкого

0 коммент.:

Отправить комментарий