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