taurus2790
@taurus2790
Я не программер я только учусъ

Как настроить Slick слайдер, чтобы слайды центрировались?

Подскажите пожалуйста. Есть слайдер kenwheeler.github.io/slick

Простая структура

<div class="main-slider">
            <div>
                <a class="main-slider__slide" href="#">
                    <img src="/img-1.jpg">
                </a>
            </div>
            <div>
                <a class="main-slider__slide" href="#">
                    <img src="/img-2.jpg">
                </a>
            </div>
</div>


И простой js соответственно
$(document).ready(function(){
        $('.main-slider').slick({

        });
    });


Теперь суть. Ширина слайдера 1920. Подскажите как сделать так чтобы при уменьшении дисплея, центр картинки оставался по центру. а края скрывались, попробую на картинки показать.

5fbb9737d4c34977a4cdba8644347fa4.png
  • Вопрос задан
  • 5911 просмотров
Решения вопроса 1
cashalot
@cashalot
Если я вам помог - пометьте мой ответ как решение
a {
  height: 100px;
  width: 100px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
img {
  height: 100%;
  display: block;
  margin: auto;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы