Створіть багатофункціональні каруселі 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.