Tried to view the following htm, but I don't get the same result as in http://twitter.github.com/bootstrap/javascript.html - carouseljs/Default.js:\[code\] $(function () { // $('.carousel').carousel({ interval: 2000 }) $('#myCarousel').carousel() });\[/code\]markup: \[code\] <head> <link href="http://stackoverflow.com/questions/9227416/Resources/Styles/bootstrap.css" rel="stylesheet" type="text/css" /> <title></title> </head> <body> <h2>Example carousel</h2> <p>Watch the slideshow below.</p> <div id="myCarousel" class="carousel slide"> <div class="carousel-inner"> <div class="item active"> <img src="http://stackoverflow.com/questions/9227416/Images/Browser/add.JPG" /> <div class="carousel-caption"> <h4>First Thumbnail label</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <div class="item"> <img src="http://stackoverflow.com/questions/9227416/Images/Browser/delete.JPG" /> <div class="carousel-caption"> <h4>Second Thumbnail label</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <div class="item"> <img src="http://stackoverflow.com/questions/9227416/Images/Browser/rename.JPG" /> <div class="carousel-caption"> <h4>Third Thumbnail label</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> </div> <!-- Carousel nav --> <a class="carousel-control left" href="http://stackoverflow.com/questions/9227416/#myCarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="http://stackoverflow.com/questions/9227416/#myCarousel" data-slide="next">›</a> </div> <script src="http://stackoverflow.com/questions/9227416/Resources/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://stackoverflow.com/questions/9227416/js/Common.js"></script> <script type="text/javascript" src="http://stackoverflow.com/questions/9227416/Resources/Scripts/bootstrap-carousel.js"></script> <script src="http://stackoverflow.com/questions/9227416/js/Default.js" type="text/javascript"></script> </body></html>\[/code\]
failed using bootstrap-carousel.js
- Thread starter jojee
- Start date