Домашняя » Инструментарий » Создавайте многофункциональные карусели jQuery с Slick

    Создавайте многофункциональные карусели jQuery с Slick

    Не много библиотеки карусели может конкурировать с скользкий. Это самый забитый плагин jQuery для построение динамических каруселей в сети.

    Это абсолютно бесплатно и построен на основе jQuery. Код очень прост в настройке, хотя и делает требуется несколько зависимостей. Но с такой большой функциональностью стоит добавить дополнительные библиотеки, чтобы это работало.

    к установить Slick, Вы можете посетить репозиторий GitHub и скачать копию. Идет с два файла CSS: один для базовая настройка и еще один для тема Slick по умолчанию. Вы можете легко объединить эти файлы в свою основную таблицу стилей CSS, если хотите сэкономить место.

    Тогда вам нужно две зависимости jQuery: основная библиотека jQuery вместе с jQuery Migrate. Пятно требует минимум jQuery 1,7+ что не должно быть проблемой для современной среды разработки.

    Отсюда вы просто добавляете Slick.js файл и отпустить. Слайд-шоу могут быть созданы с очень небольшим кодом, и вот прямой образец с сайта Slick:

     
    ваш контент
    ваш контент
    ваш контент

    С простым

    контейнер, вы можете добавлять слайды динамически, включая изображения, HTML-контент и встроенные медиа, такие как видео. Слик поддерживает все это с полностью адаптивный дизайн что сохраняет соотношение сторон без изменений.

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

    Эта библиотека является полным зверем для создание вращающихся каруселей. И вы можете сделать все это с несколько простых строк jQuery что делает это еще более невероятным.

    к просмотреть все демонстрации а также начать, проверьте домашнюю страницу Slick. Вы также можете найти весь исходный код а также полная документация по настройкам / опциям в репозитории GitHub.