2016-02-21 1 views
0

J'essaye de changer mon image de carrousel, mais je n'ai pas pu résoudre ce problème. J'ai déjà vu plusieurs exemples mais je ne trouve aucune erreur dans mon code. Je me demande si certains d'entre vous trouvent une erreur. MerciPourquoi l'image du carrousel ne change pas automatiquement?

 <!--Imagenes interactivas--> 

<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="assets/images/menu1.jpg" alt="Hamburguesa"> 
    </div> 

    <div class="item"> 
     <img src="assets/images/menu2.jpg" alt="Frutas"> 
    </div> 

    <div class="item"> 
     <img src="assets/images/menu3.jpg" alt="Pasta"> 
    </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> 

    <!-- Termino Imagenes interactivas --> 
+0

êtes-vous déjà inclure 'bootstrap.min.js'? –

+0

Oui, je l'ai en dessous de ce code

+0

ce que vous voyez dans la console du navigateur? essayer de supprimer le dernier élément '

  • ' –

    Répondre

    0

    J'ai essayé votre code fonctionne bien, il suffit de vérifier que jquery-1.12.min.js chargé correctement. Parce que, pour avoir un comportement que vous attendez, vous devez jquery.min.js et bootstrap.min.js livré sur votre navigateur exécution

    Ou ajouter ci-dessous il y a script:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    
    +0

    Nice !!! ça fonctionne maintenant!! : D vous remercie! –

    +0

    alors cela ne vous dérange pas d'accepter ma réponse comme la bonne? –

    +0

    lol ouais désolé, nouveau ici. –