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

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

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

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

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

 

Glide - Слайдер изображений

 

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

  • .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 переходы
  • Адаптивный
  • Поддержка сенсорного управления
  • Навигация стрелками и через панель
  • Навигация с помощью клавиатуры
  • Автозапуск
  • Пауза при наведении курсора мыши
  • и многое другое...

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

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

Google Bookmarks News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »
Рейтинг@Mail.ru