2013-07-29 12 views

Odpowiedz

9

Zobacz to pomaga: http://www.bootply.com/70201

to za pomocą Bootstrap 3, z HTML podnoszone bezpośrednio z przykładu karuzeli na Bootstrap docs i javascript

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

Zauważyłem również, że źródło obrazów zastępczych jest w tym momencie niedostępne, więc używam innego adresu URL do obrazów slajdów

Powodzenia!

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

Nie masz holder.js zawarte w kodzie należy dodać następującą linię

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