javascript - Carousel caption used to move with slides but stopped -


so have carousel caption under each slide , used move slides moved if entire page carousel day next stopped , don't know how fix please help. carousel code:

            <div class="carousel-inner">   <div class="item active">     <img src="images/wisp.png" alt="wisp" style="width:100%;">     <div class="carousel-captionn">         <?php include("wisp.html") ?>              </div>   </div>     <div class="item">     <img src="images/linkme.png" alt="linkme" style="width:100%;">     <div class="carousel-captionn">         <?php include("linkme.html") ?>       </div>   </div>     <div class="item">     <img src="images/zainent.png" alt="zain" style="width:100%;">     <div class="carousel-captionn">         <?php include("zainent.html") ?>       </div>   </div>     <div class="item">     <img src="images/tahadi.png" alt="tahadi" style="width:100%;">     <div class="carousel-captionn">         <?php include("tahadi.html") ?>       </div>   </div>     <div class="item">     <img src="images/onelife.png" alt="onelife" style="width:100%;">     <div class="carousel-captionn">         <?php include("onelife.html") ?>       </div>   </div>   <div class="item">     <img src="images/alavina.png" alt="alavina" style="width:100%;">     <div class="carousel-captionn">         <?php include("alavina.html") ?>       </div>   </div>     <div class="item">     <img src="images/iha.png" alt="iha" style="width:100%;">     <div class="carousel-captionn">         <?php include("iha.html") ?>       </div>   </div>     <div class="item">     <img src="images/runnuts.png" alt="runnuts" style="width:100%;">     <div class="carousel-captionn">         <?php include("runnuts.html") ?>       </div>   </div>     <div class="item">     <img src="images/oliviafred.png" alt="oliviafred" style="width:100%;">     <div class="carousel-captionn">         <?php include("oliviafred.html") ?>       </div>   </div>     <div class="item">     <img src="images/bandicoot.png" alt="bandicoot" style="width:100%;">     <div class="carousel-captionn">         <?php include("bandicoot.html") ?>       </div>   </div>     <div class="item">     <img src="images/bassama.png" alt="bassama" style="width:100%;">     <div class="carousel-captionn">         <?php include("bassama.html") ?>       </div>   </div> </div>    <a class="left carousel-control" href="#mycarousel" data-slide="prev">   <span class="glyphicon glyphicon-chevron-left"></span>       </a> <a class="right carousel-control" href="#mycarousel" data-slide="next">   <span class="glyphicon glyphicon-chevron-right"></span>      </a> </div> </div>             <div id="text"></div> 

and script:

        $('#text').html($('.active > .carousel-captionn').html());        $('.carousel').on('slid.bs.carousel', function () {       $('#text').html($('.active > .carousel-captionn').html());       }); 

and css carousel-captionn:

.carousel-captionn{         display: none !important; } 

if use normal "carousel-caption" bootstrap, caption aligning slides (going on them) in advance !


Comments

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

javascript - Z-index in d3.js -