Как я могу установить изображение в слайдере? [закрыто] ⇐ Html

[Anonymous]

Я пытаюсь создать слайдер для сравнения до и после 2 изображений, но мои изображения не отображаются в полном размере в контейнере, я пробовал много вещей, но не работает, какая идея? (Я использую начальную загрузку) < /p>

Код: Выделить всё

[img]./assets/img/samples/ATGWjap.png[/img]

[img]./assets/img/samples/ATGW.png[/img]


points="0 50 37 68 37 32 0 50"
style="fill: rgb(0, 0, 0)"
/>



< /code>
И это мой css < /p>
.slider-wrapper {
width: 406px;
height: 566px;
position: relative;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.slider-wrapper .before,
.slider-wrapper .after{
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-color: white;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
overflow: hidden;
}

Как изображение в настоящее время отображается

Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/795 ... er-wrapper