Многофункциональный адаптивный слайдер — Glide.js

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

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

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

В слайдере Glide.js использованы эффекты CSS3 переходов для современных браузеров, для пользователей продолжающих сидеть на древних версиях, не поддерживающих новые функции CSS3, предусмотрен возврат к анимации JavaScript. Так что никто не будет обижен и увидит представление в том виде, как задумал его разработчик.
Для разработчиков, представлен список поддерживаемых функций обратного вызова:

• .play() –  Старт автозапуска
• .pause() –  Пауза автозапуска
• .next(callback — Один слайд вперед
• .prev(callback) — Один слайд назад
• .jump(distance, callback) — Перейти к текущему слайду
• .current() — Возвращает номер текущего слайда
• .nav(target) — Добавление навигации (eq. ‘body’, ‘.class’, ‘#id’)
• .arrows(target) — Добавление стрелки (eq. ‘body’, ‘.class’, ‘#id’)

Так же, списком, представляю все основные особенности скрипта:

• Очень легкий — 4,5 kb
• Быстрые CSS3 переходы
• Адаптивный
• Поддержка сенсорного управления
• Навигация стрелками и через панель
• Навигация с помощью клавиатуры
• Автозапуск
• Пауза при наведении курсора мыши
• и многое другое…

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

Надеюсь, этот замечательный инструмент пригодится многим.
Удачи!
Буду очень признателен, если поделитесь ссылкой на запись в своих соц-сетях: