Содержание
Каждая веб-страница, веб-приложение или любая другая вещь, которую вы можете создать с помощью CSS, HTML и JavaScript, обязательно должна включать где-то слайдер. Слайдер можно использовать для отображения простых изображений, стилизованных элементов div (с вашими собственными стилями) или всего, что вы можете себе представить. Единственная проблема, возникающая при реализации такого слайдера, состоит в том, что просто использовать. В Интернете есть множество опций, которые вы можете найти, некоторые из них с открытым исходным кодом, платные или жалко больше не поддерживаются. Именно поэтому мы собрали 7 самых выдающихся, простых в использовании и любимых плагинов jQuery Slider от сообщества разработчиков, чтобы вы могли легко принять свое решение.
7. FlexSlider
Flexslider — это удивительный, полностью адаптивный плагин-слайдер jQuery. он был создан для лучшего адаптивного слайдера jQuery и строит несколько реализаций адаптивных слайдеров различных веб-проектов. FlexSlider был проверен в Safari 4+, Chrome 4+, Firefox 3.6+, Opera 10+ и IE7 +. Устройства iOS и Android также поддерживаются. Поддерживаются версии jQuery 1.3+. FlexSlider использует лицензию GPLv2 и выше. В попытке продвинуть плагин, поддержка jQuery 1.4.2 была прекращена. Плагин теперь требует jQuery 1.7.0+. Если у вас нет доступа к более поздним версиям jQuery, FlexSlider 1.8 должен стать идеальной заменой вашим потребностям.
6. GlideJS
Glide — отзывчивый и удобный сенсорный слайдер jQuery. На основе CSS3 переходов. Это просто, легко и быстро. Предназначен для скольжения, не меньше, не больше. Это было в IE10 +, Chrome, Firefox, Opera, Safari. Модульная структура обеспечивает отличное сжатие, поэтому в рабочей версии она весит всего ~ 14 кБ. Он предлагает очень удобный API, функциональные атрибуты HTML и множество опций, что позволяет легко создавать настраиваемые ползунки.
5. лукавый
Sly — это библиотека JavaScript для однонаправленной прокрутки с поддержкой навигации по элементам. Основными особенностями Sly являются:
- прокрутка колесиком мыши.
- полоса прокрутки (перетаскивание ручки или нажатие на полосу прокрутки).
- панель страниц.
- различные кнопки навигации.
- перетаскивание содержимого мышью или касанием.
- автоматическая езда на велосипеде по элементам или страницам
- много супер полезных методов.
Это все строится вокруг обычая высоко оптимизированный рендеринг анимации с requestAnimationFrame и ускорением позиционирования с помощью графического процессора для браузеров, которые его не поддерживают.
4. jQuery LightSlider
JQuery lightSlider — это легкий адаптивный слайдер контента с навигацией по миниатюрам карусели. Основными функциями этого плагина являются:
- Полностью отзывчивый — адаптируется к любому устройству.
- Отдельные настройки для точки останова.
- Режим галереи для создания слайд-шоу изображений с миниатюрами
- Поддерживает пролистывание и MouseDrag
- Добавить или удалить слайды динамически.
- Небольшой размер файла, полностью тематический, простой в реализации.
- CSS переходы с отступлением jQuery.
- Полный API обратного вызова и публичные методы.
- Автоигра и бесконечный цикл для создания контента карусели.
- Клавиатура, стрелки и точки навигации.
- Chrome, Safari, Firefox, Opera, IE7 +, IOS, Android, Windows Phone.
- Слайд и исчезать эффекты.
- Автоматическая ширина, вертикальное скольжение, Adaptiveheight, поддержка RTL …
- Несколько экземпляров на одной странице.
- Слайд что-нибудь (YouTube, Vimeo, Google Map …)
3. BxSlider
BxSlider — это полностью загруженный, быстро реагирующий слайдер контента на основе jQuery. Основными функциями этого слайдера являются:
- Полностью отзывчивый — адаптируется к любому устройству
- Горизонтальный, вертикальный и затухающий режимы
- Слайды могут содержать изображения, видео или HTML-контент
- Встроенная расширенная поддержка касания / пролистывания
- Использует CSS-переходы для анимации слайдов (собственное аппаратное ускорение!)
- API полного обратного вызова и открытые методы
- Небольшой размер файла, полностью тематический, простой в реализации
- Поддержка браузера: Firefox, Chrome, Safari, iOS, Android, IE7 +
- Тонны конфигурации опции
BxSlider выпущен под лицензия WTFPL. Это означает, что вы можете буквально делать все, что вы хотите с этим плагином. Если вам это нравится и используйте его, Вы можете сделать пожертвование разработчику.
2. Unslider
Unslider — это очень простой слайдер jQuery и самый простой способ получить простой слайдер и запустить его за считанные секунды. Все, что вам нужно, это некоторая допустимая разметка, jQuery и немного дополнительного CSS, а Unslider может сделать все остальное. Unslider использует элемент HTML, чтобы обернуть все, и помещает все слайды внутри него как неупорядоченный список. Вы можете поместить любой HTML-код в каждый слайд.
1. скользкий
Slick — это полностью реагирующий плагин-слайдер, который масштабируется вместе с его контейнером. Вы можете определить отдельные настройки для каждой точки останова. Кроме того, он обладает высокой производительностью, так как он использует анимацию CSS3, когда она доступна, но работает так же, когда нет. Вы можете провести пальцем, если хотите, и одновременно поддерживает перетаскивание мышью на рабочем столе. Полностью доступен с помощью клавиши со стрелкой навигации Добавить, удалить, отфильтровать Автофильтры, точки, стрелки, обратные вызовы и т. д.
Если вам известен еще один удивительный слайдер с открытым исходным кодом для изображений или простого HTML-контента, не стесняйтесь и поделитесь им с сообществом в поле для комментариев.
