ブートストラップをロード時に最後のスライダに移動

Question

ブートストラップカラフルの最初のアイテムとして最後のスライダを表示したい。x個のスライド（ダイナミックスライド）があります。最後のスライドをload.nowにロードします。負荷。

<div id="myCarousel" class="carousel slide" style="width:450px"> 
     <!-- Carousel items --> 
     <div class="carousel-inner"> 
      <div class="item active"><img src="img/IMG_2.jpg"></div>     
      <div class="item"><img src="img/IMG_3.jpg"></div> 
      <div class="item"><img src="img/IMG_1.jpg"></div> 
      <!-- Carousel nav --> 
      <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
      <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
     </div> 
    </div> 
    <script> 
     $('#myCarousel').carousel({ 
     interval: 4000, 
     scroll:last //need to change here 
     }) 
    </script> 

Answer 1

あなたはロードの最後のスライドを表示したい場合は、なぜあなたは最初の項目としてそれを与えることができない、などの最後の項目に

$('#myCarousel').carousel({ 
 
    interval: 4000, 
 
}); 
 
$('#myCarousel').find('.item:last').addClass('active') 
 

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<div id="myCarousel" class="carousel slide" style="width:450px"> 
 
    <!-- Carousel items --> 
 
    <div class="carousel-inner"> 
 
    <div class="item"><img alt="img/IMG_2.jpg"></div> 
 
    <div class="item"><img alt="img/IMG_3.jpg"></div> 
 
    <div class="item"><img alt="img/IMG_1.jpg"></div> 
 
    <!-- Carousel nav --> 
 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
 
    </div> 
 
</div>