Привіт всім і сьогодні я розповім про дуже класний, а головне простий слайдер - slick.
Отже, щоб його підключити, скачайте файли з сайту, даного вище. Тепер створимо html і підключимо необхідні компоненти, зокрема jquery. тому слайдер використовує цю бібліотеку для своєї роботи.
І підключіть скрипти
Щоб форматувати слайдер, в тезі script пропишіть наступне:
$ (Document) .ready (function () $ (# '. Your-class #'). Slick (setting-name: setting-value
>);
>);
В кінцевому підсумку ваш html файл буде виглядати приблизно так:
У даного слайдера чимало установок, які ви можете задати самі. Знайти їх все ви можете все на тому ж сайті внизу сторінки в табличці. Задавати їх варто при ініціалізації в об'єкті.
В даному прикладі ми вказали, що варто автоматично перегортати слайди.
Отже, як ви можете бачити, слайдер дуже простий в установці та налаштування, але дозволяє робити по-правді шикарні речі. Дякую за увагу і до зустрічі!
Запропонуйте цю статтю друзям:
Якщо Вам сподобався сайт, то розмістіть посилання на нього (у себе на сайті, на форумі, в контакті):
Вона виглядає ось так:
Вибачте, а що означає запис ? Чому подвійний слеш? У завантаженої на зазначеному сайті папці немає таких файлів.
Ви дуже погано відповідаєте на поставлені питання. Не в перший раз помічаю.
Вітаю! У мене проблема з цієї каруселлю. Я новачок і в скриптах мало ще розібрався! роблю сайт за шаблоном в якому багато різних скриптів. коли вставляю весь дистрибутив slick на сторінці виникають конфлікти з jquery.contentcarousel.js. Допоможіть розібратись! Дякуємо.