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

Question

[aliasst]

Слайдер растянут на всю ширину, контейнер блока по красным линиям,
менятся на слайдере должна только картинки справа. Остальная часть статична (не меняется и не смещается при смене слайдера). Подскажите как такое сверстать вообще? По сути предлагается сделать слайдером часть фона. Или это не соответствует логике слайдера и лучше переверстать?

Answer 1

[Александр Варлаков]

Привет, задай текстому блоку и слайдеру общий контейнер, со свойством position: relative. Тексту сделай position: absolute

Comments

[aliasst]

привет. так не получится. фон под текстом должен быть статичным так же. меняется только картинка с макулатурой.

[Александр Варлаков]

Не беда. Так же два блока в общем котейнере, слева фон с текстом, справа слайдер.
Блоку с текстом z-index:2;
Слайдеру z-index:1

Answer 2

[Лев Александров]

Просто слайдеру задаешь position absolute и ставишь ему top: 0, right: 0, bottom: 0 (относительно контейнера). И чтобы он вылез за контейнер как на скрине ставишь transform: translateX(50%) (или чуть меньше)

Comments

[Лев Александров]

Если что-то не меняется (текст в вашем случаем), то скоре всего это не является частью слайдера