2013-07-29 4 views

Antwort

9

es Arbeit bekommen Siehe, das hilft: http://www.bootply.com/70201

es ist mit Bootstrap 3, mit der HTML-Datei auf den Bootstrap docs und Javascript direkt aus dem Karussell Beispiel angehoben

<script type="text/javascript" > 
      $(document).ready(function() {   
     $('.carousel').carousel() 
      }); 
</script>  

Ich habe auch bemerkt, dass die Quelle für deine Platzhalterbilder im Moment für mich down ist, also benutze ich eine andere URL für die Bilder.

Goold Glück!

HTML

<div id="carousel-example-generic" class="carousel slide"> 
<!-- Indicators --> 
<ol class="carousel-indicators"> 
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
<li data-target="#carousel-example-generic" data-slide-to="1"></li> 
<li data-target="#carousel-example-generic" data-slide-to="2"></li> 
</ol> 

<!-- Wrapper for slides --> 
<div class="carousel-inner"> 
<div class="item active"> 
    <img src="http://placehold.it/900x500" alt=""> 
    <div class="carousel-caption"> 
    slide 1 
    </div> 
</div> 
<div class="item"> 
    <img src="http://placehold.it/900x500" alt=""> 
    <div class="carousel-caption"> 
    slide 2 
    </div> 
</div> 
<div class="item"> 
    <img src="http://placehold.it/900x500" alt=""> 
    <div class="carousel-caption"> 
    slide 3 
    </div> 
</div> 
</div> 

<!-- Controls --> 
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> 
<span class="icon-prev"></span> 
</a> 
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> 
<span class="icon-next"></span> 
</a> 
</div> 
4

Sie haben noch holder.js enthalten in Ihrem Code fügen Sie bitte die folgende Zeile

<script type='text/javascript' src="http://imsky.github.io/holder/holder.js"></script>