Как сделать подобный вариант карусели?

Question

[Андрей]

Подскажите, как сделать карусель [на примере OwlCarousel] у которой контент будет одинаковым на всех слайдах, а фоновая картинка меняться?
Думаю что можно повторить один и тот же контент во всех слайдах, но мне показалось это не правильный вариант.

Comments

[Ankhena]

Либо карусель отдельно, текст отдельно и позиционирование.
Но я бы скорее делала вашим вариантом. Зависит от того, должна надпись передистываться вместе со слайдем или слайд листается под ней.

Answer 1

[koanvl]

Как вариант, сделайте послойку при помощи z-index. Слайдер с изображениями, а на слое выше контейнер со статическим контентом. Здесь виден сам принцип, обратите внимание как размещен заголовок h1 тыц

Answer 2

[Kovalsky]

Не очень понятно какой функционал вам нужен и тем более что вы подразумеваете под правильным вариантом. Ну, вы можете например инициализировать слайдер с одним слайдом, указать количество видимых слайдов (items: N) и попросить чтобы слайдер был цикличный (loop: true), тогда owl carousel сам размножит ваш слайд, а вам останется только развесить нужные классы или вообще стилизовать слайды с помощью :nth-child