Как сделать, чтобы слайдер обрезался только с левой стороны?

Question

[olya_097]

Тоесть чтобы с правой он был виден. Сейчас обрезается с двух сторон
https://jsbin.com/hubelasiwa/2/edit?html,output

Answer 1

[Сергей delphinpro]

Полностью убрать обрезку.
Для слайдов установить opacity:0
Для слайдов от активного и последующие opacity:1
Завернуть в отдельный контейнер

<div class="slider-overflow">
    <div class="container">
            slider
    </div>
</div>

Comments

[olya_097]

Сергей delphinpro, нюанс в том, что слайды будут меняться

autoplay: {
    delay: 0,
    disableOnInteraction: false 
  }

[Сергей delphinpro]

olya_097, ну и что? понятное дело, что они будут меняться, иначе какой смысл в слайдере

[Сергей delphinpro]

olya_097, Я не помню какие там классы вешаются на слайды. Условно:

.slide {
    opacity: 0;
}
.slide-active,
.slide-active ~ .slide {
    opacity: 1;
}

[olya_097]

Сергей delphinpro, это понимаю, проблема в другом. Чтобы корректно работало
https://jsbin.com/qepuwokaso/edit?html,js,output