Есть стандартная бутстраповская карусель. Тут, к примеру, два слайда и статическая часть:
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- Слайдер карусели -->
<div class="carousel-inner" role="listbox">
<!-- Первый слайд -->
<div class="item first_slide active">
<div class="container">
<div class="carousel-info">
<h1>FIRST SLIDE</h1>
</div>
</div>
</div>
<!-- Второй слайд -->
<div class="item second_slide">
<div class="container">
<div class="carousel-info">
<h1>SECOND SLIDE</h1>
</div>
</div>
</div>
</div>
<!-- Статическая часть -->
<div class="static_part">
<h1>STATIC PART</h1>
</div>
</div>
Подскажите, как при смене слайда менять цвет статической части? Если на экране первый слайд, статическая часть белого цвета, если второй слайд, статическая часть черная.