Створіть багатофункціональні каруселі jQuery з Slick
Не багато бібліотеки каруселі може конкурувати з Slick. Це найпопулярніший плагін jQuery побудова динамічних каруселей в Інтернеті.
Це абсолютно безкоштовно і побудований поверх jQuery. Код дуже простий у налаштуванні, хоча і є вимагають декількох залежностей. Але з такою функціональністю, варто додати додаткові бібліотеки, щоб отримати цю роботу.
До встановіть Slick, Ви можете відвідати репозицію GitHub і завантажити копію. Він поставляється з два файли CSS: один для Базова настройка та інший для Тема Slick за замовчуванням. Ви можете легко об'єднати ці файли в основну таблицю стилів CSS, якщо ви хочете заощадити місце.
Потім вам знадобиться дві залежності jQuery: основна бібліотека jQuery разом з jQuery Міграція. Slick вимагає a мінімум jQuery 1.7+ що не повинно бути проблемою для сучасного середовища розробки.
Звідси ви просто додаєте Slick.js
файл і відпустіть його. Слайд-шоу можна створювати з дуже маленьким кодом, а ось a прямий зразок з веб-сайту Slick:
вміствміствміст
З простим Slick поставляється з десятками чудових функцій, у тому числі функціональність swipe на мобільному та точка навігації. Ви також можете налаштувати автоматичне відтворення, спеціальна анімація, спеціальні зворотні виклики, і багато іншого. Ця бібліотека є повноцінним звіром створення обертових каруселей. І ви можете це зробити кілька простих рядків jQuery що робить це ще більш неймовірним. До переглянути всі демонстрації і почати, Перегляньте домашню сторінку Slick. Ви також можете знайти весь вихідний код і повну документацію для налаштувань / опцій у репо GitHub.