Головна » Інструментарій » Створіть багатофункціональні каруселі jQuery з Slick

    Створіть багатофункціональні каруселі jQuery з Slick

    Не багато бібліотеки каруселі може конкурувати з Slick. Це найпопулярніший плагін jQuery побудова динамічних каруселей в Інтернеті.

    Це абсолютно безкоштовно і побудований поверх jQuery. Код дуже простий у налаштуванні, хоча і є вимагають декількох залежностей. Але з такою функціональністю, варто додати додаткові бібліотеки, щоб отримати цю роботу.

    До встановіть Slick, Ви можете відвідати репозицію GitHub і завантажити копію. Він поставляється з два файли CSS: один для Базова настройка та інший для Тема Slick за замовчуванням. Ви можете легко об'єднати ці файли в основну таблицю стилів CSS, якщо ви хочете заощадити місце.

    Потім вам знадобиться дві залежності jQuery: основна бібліотека jQuery разом з jQuery Міграція. Slick вимагає a мінімум jQuery 1.7+ що не повинно бути проблемою для сучасного середовища розробки.

    Звідси ви просто додаєте Slick.js файл і відпустіть його. Слайд-шоу можна створювати з дуже маленьким кодом, а ось a прямий зразок з веб-сайту Slick:

     
    вміст
    вміст
    вміст

    З простим

    контейнер можна динамічно додавати слайди, включаючи зображення, вміст HTML і вбудовані засоби масової інформації, наприклад відео. Slick підтримує все з a повністю чуйний дизайн що зберігає незмінну пропорцію.

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

    Ця бібліотека є повноцінним звіром створення обертових каруселей. І ви можете це зробити кілька простих рядків jQuery що робить це ще більш неймовірним.

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