Как в slick сделать такие переключатели?

Question

Александр @Alex1237

Как в slick сделать такие переключатели?

Подскажите пож-ста как в слик сделать подобное? Именно позиционирование arrows к dots

spoiler

Пробовал самостоятельно, но все упирается в кол-во слайдов, нужно чтобы стрелки "прилипали" к dots

Вопрос задан более трёх лет назад
217 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

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

Answer 1 · 2018-09-04 19:45:23

Создаешь блок для всего этого к примеру .SlickNavBlock
Дальше пишешь эти опции

// в них добавляешь что то типо того
appendDots: $(this).closest('.slider').find('.SlickNavBlock'),
appendArrows: $(this).closest('.slider').find('.SlickNavBlock'),

Дальше пишешь эти опции

prevArrow: '<span class="slick-arrow_custom-left"></span>',
nextArrow: '<span class="slick-arrow_custom-rigth"></span>',
dotsClass: 'slick-custom-dots',

И все, дальше дело за CSS.

Как в slick сделать такие переключатели?

Войдите на сайт