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

Question

[z_u_l]

Есть обычный слайдер с текстовой информацией. Как сделать так, чтобы при смене слайда с текстом менялась и сама картинка фона? Как такое реализовать? Использую slick-slider.

Пример слайдера

Answer 1

[Юпитер Макс]

ну так в каждый слайд вставьте изображение, можно фоном

<div class="slide" style="background-image(img/slide.jpg);">
    <div class="text">Тут текст</div>
</div>

там уже фон либо конкретно по размерам, либо

.slide{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
}

Comments

[z_u_l]

Юпитер Макс, спасибо за ответ. Но я, наверное, не совсем точно описал то, что хочу. В моём примере надпись "text here" не должна меняться. Меняется только фон с текстом в слайдере, то, что белое. Интересует такая реализация и её возможность в принципе.

[Юпитер Макс]

тогда надо просто поиграть со слоями. Первый слой слайдер, второй текстовый. Тут надо понимать, какие требованиями для самого слайдера (ширина, высота или резинка)