—»     —»   Лучшая десятка бесплатных адаптивных фото-галерей/слайд-проекторов
  Раздел: Лучшее из сети   Комментариев: 1  

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



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

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

Чтобы облегчить вам выбор наиболее подходящего вашему веб-сайту варианта, мы составили подборку 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 - для более низкого.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Design FactoRy   Прочитано (раз): 21690   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 8 декабря 2012 @ 07:14
Написал: Глеб — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Вот еще отличный вариант для адаптивного слайдера с гибкой структурой HTML masscode.ru/index.php/k2/item/46-lislidik
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2018    »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031