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
Post a Comment