@Ya_Gypsy
Live and learn

Как сделать нестандартный слайдер (карусель) вне контейнера?

Учусь верстать. Не могу понять, как реализован слайдер (на прикрепленном изображении): он явно выходит за пределы контейнера и выводит изображения нестандартно. Всего 3 изображения. Использую плагин swiper, реально ли сделать с его помощью (и как?) или нужно иное решение?

60b7c88f57838872627523.png
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
inkShio
@inkShio
Это стандарт в swiper
.swiper-container {
  overflow: hidden;
}

тебе надо сделать это
.swiper-container {
  overflow: visible;
}

а родителю добавить
.slider {
  overflow: hidden;
}


<div class="slider">
  <div class="slider__container swiper-container">
    <div class="slider__list swiper-wrapper">
      <div class="slider__item swiper-slide">Slide 1</div>
      <div class="slider__item swiper-slide">Slide 2</div>
      <div class="slider__item swiper-slide">Slide 3</div>
    </div>
  </div>
</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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