Слайдер фонового изображения без смены контента?

Question

[IIIu6ko]

Подскажите хороший слайдер для смены Только фонового изображения. Чтобы можно было реализовать что-то похожее


Или если можно такое реализовать на owl carousel, то подскажите пожалуйста как.

Comments

[Дима Паутов]

Просто слайдер под контент положить и всё. Проблема то в чём?

[Vkok]

человек может не знает как это сделать физически

Answer 1

[Александр Шемаханов]

Один из вариантов:

<div id="slider">Бокс для вашего слайдера
</div>
<div id="content">Бокс с контентом</div>

*{
	margin:0;
}
#slider{
	display:block;
	width: 100%;
	height: 500px;
	background:gray;
}

#content{
	display:block;
	width: 500px;
	height: 300px;
	background: rgba(0,0,0,0.3);
	z-index:999;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -250px;
}

Comments

[IIIu6ko]

А если бутстрап? То вне контейнера? Или сделать ещё один контейнер на всю ширину и там слайдер отдельно?

<div class="container-fluid">
слайдер
</div>
<div class="container">
контент
</div>

Вот сайт https://iiiu6ko.github.io/meitansrc/

[Александр Шемаханов]

Александр Шибков: да у Вас уже все есть
codepen.io/sh3mahan/pen/WRQabe
div c классом container ставите выше остальных z-index:999; и выравниваете по середине position: absolute; left: 50%;margin-left: -(width/2)px;