2015-07-26 3 views
0

Actuellement, les contrôles gauche et droite sur mon carrousel Bootstrap ne fonctionnent pas et je suis en train de comprendre pourquoi. Les diapositives ne changent pas. Toute aide serait très appréciée.Twitter bootstrap carrousel contrôles gauche et droite

code html:

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

    <!-- Wrapper for slides --> 
    <div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
     <img src="images/anaesthesiaexams/cap1.png" alt="Chania"> 
    </div> 
    <div class="item"> 
     <img src="images/anaesthesiaexams/cap2.png" alt="Chania"> 
    </div> 
    <div class="item"> 
     <img src="images/anaesthesiaexams/cap3.png" alt="Flower"> 
    </div> 
    <div class="item"> 
     <img src="images/anaesthesiaexams/cap4.png.jpg" alt="Flower"> 
    </div> 
    </div> 

    <!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
    <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 
    </a> 
</div> 

Répondre

1

Hey avez-vous les deux js et jquery liés?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>