Как центрировать 2 слайда в карусели?

Я использую Slick в своем проекте, и мне нужно центрировать два слайда. К сожалению, опция centerMode работает только с нечетным номером slidesToShow. Я пытался центрировать активные слайды с помощью CSS, но без эффектов.Как центрировать 2 слайда в карусели?

Знаете ли вы какое-либо решение? Заранее спасибо!

Edit:

Пример моей карусели: https://jsfiddle.net/lukaszflorczak/y7t64oqs/.

Я хочу иметь 1 центрированный элемент на экранах меньших размеров, следующих 2, 3 и т. Д. Неактивные слайды имеют меньшую непрозрачность.

источник

2017-02-06 Lukasz Florczak

Я не думаю, что гладкая карусель предназначена для центровки 2 слайдов. Его либо вы найдете другую карусель, которая предлагает то, что вы хотите сделать, или сделать свою собственную карусель. – user3771102

Я знаю, что у Slick этот параметр отсутствует. Проблема в том, что я использую Slick сейчас в нескольких других местах проекта, и я хотел бы сделать все карусели с одним плагином. От одного из авторов Slick у меня есть информация: «есть способ определить центр двух активных слайдов с помощью css и js», но без подробностей. Поэтому я надеюсь, что кто-то здесь знает решение :) –

Пожалуйста, разместите рабочий образец вашего кода, который вы сделали до сих пор, чтобы мы могли найти способ решить вашу проблему. – user3771102

Слайды для каруселей можно центрировать, установив горизонтальные поля .slick-track на auto в дополнение к атрибуту centerMode.

slick-track { 
    margin-left: auto; 
    margin-right: auto 
}

источник

2017-06-06 17:39:03

'.slick-track', но это все равно не работает. – aaron

Как центрировать 2 слайда в карусели?

ответ

Смежные вопросы