Salve a tutti volevo chiedere se era possibile animare una slider con le option di una select, cioè ho una slider di bootstrap vorrei che invece dei cursori sotto, la slide cambiasse immagine con le option di una select è possibile fare una cosa del genere ?
Grazie a tutti
codice HTML:
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="center-block" src="img/slideInfo1.png">
</div>
<div class="item">
<img class="center-block" src="img/slideInfo2.png">
</div>
<div class="item">
<img class="center-block" src="img/slideInfo3.png">
</div>
<div class="item">
<img class="center-block" src="img/slideInfo4.png">
</div>
</div>
</div>
<select class="form-control">
<option>Cerca per File</option>
<option>Prima</option>
<option>Seconda</option>
<option>Terza</option>
</select>