@AndrewChirkov
Верстальщик

Почему slick-slider вместо одного слайда показывает все?

Почему когда я задал показ 1 слайда, он показывает абсолютно все?
Даже если не задавать ширину, он всеравно должен показывать 1.
Кто знает, в чем проблема?

5f5a02f623b72415753834.jpeg

КОД HTML :

<div class="slider-logo">
   <h2 class="slider-logo__title">Test One</h2>
   <h2 class="slider-logo__title">Test Two</h2>
   <h2 class="slider-logo__title">Test Three</h2>
  </div>


КОД CSS:
.slider-logo {
 display: flex;
 flex-wrap: wrap;
 width: 200px;
 .slider-logo__title {
  font-size: 35px;
  color:@white_color;
 }
}

.slick-track {
 display: flex;
}


КОД JS:
$('.slider-logo').slick({
 slidesToShow: 1,
 arrows: false,
 autoplay: true,
 autoplaySpeed:500,
});
  • Вопрос задан
  • 69 просмотров
Решения вопроса 2
bingumd
@bingumd
Может .slider-logo задать свойство overflow: hidden;?
Ответ написан
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
1. Не надо вешать свои стили на слайдер и на слайды, делайте для слайда пустой div и в него помещайте свой блок
2. Подключите стили самого slick
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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