Установка и настройка slick

30 Сентября 2019 00:55 (Редактировано: 08 Февраля 2021 23:41)

Скачать оригинал и посмотреть документацию можно на официальном сайте

Arrows

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

Примеры:

  1. Элемент. В этом случае они появятся так — prev перед списком по DOM-дереву, next после списка по DOM-дереву.
    $('.carousel').slick({
        ...
        prevArrow: '<span class="carousel-prev"><i class="fas fa-chevron-left"></i></span>',
        nextArrow: '<span class="carousel-next"><i class="fas fa-chevron-right"></i></span>'
        ...
    });
    
  2. Узел. В этом случае они подставятся в уже готовые пустые элементы.
    $('.carousel').slick({
        ...
        prevArrow: $('.prev'),
        nextArrow: $('.next')
        ...
    });