J'utilise le framework Twitter Bootstrap pour créer un carrousel, mais je n'ai aucun succès. Voici mon script/déclarations CSS:Bootstrap Carousel Non Chargement
<link href ="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="scripts/bootstrap.js" type=text/javascript></script>
<script>
$(document).ready(function(){
$('.carousel').carousel();
});
</script>
Voici mon balisage carrousel applicable:
<div class="carousel-container">
<div id="carousel-main" class="carousel slide">
<div class="carousel-inner">
<div class="item active"><img src="slide1.jpg" /></div>
<div class="item"><img src="slide2.jpg /"> </div>
<div class="item"><img src="slide3.jpg /"> </div>
</div>
<a class="carousel-control left" href="carousel-main"
data-slide="prev">&lsaquo</a>
<a class="carousel-control right" href="carousel-main"
data-slide="next">&rsaquo</a>
</div>
</div>
</div>
Quand je charge la page, tout le contenu, sauf mon carrousel apparaît. Où vais-je mal?
Est-ce que cela fait une différence si vous spécifiez le type de script pour votre script en ligne? (le document prêt) –