I've tried implementing the carousel, and it's not really working. It seems that the javascript is not being implemented.
My html markup is below, And at the bottom I've included the javascript. The actual files in my js folder are bootstrap.js and bootstrap.min.js. The html seems to work as the first image loads and it all looks good until I go to click to the next slide. The page just jumps, the url that the browser is looking for is http://www.mcquistonator.com/pdxmobilebootstrap/#myCarousel and I believe that's what it should be doing. Can anyone provide assistance here? It seems to me it has something to do with having the correct javascript files. But I thought I did it all right when I downloaded twitter bootstrap... <div class="row-fluid"> <div class="span6 offset3"> <!-- Carousel - consult the Twitter Bootstrap docs at http://twitter.github.com/bootstrap/javascript.html#carousel --> <div id="myCarousel" class="carousel slide"> <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> </ol> <!-- Carousel items --> <div class="carousel-inner"> <div class="active item"> <a href="http://www.joshmcquiston.com";> <img src="img/boxes.png" alt="Carina Caterpillar" /> </a> <div class="carousel-caption"> <p>Some boxes</p> <p><a href="http://www.joshmcquiston.com";>Josh McQuiston »</a></p> </div> </div> <div class="item"> <a href=""> <img src="img/family-1.png" alt="Carina Caterpillar" /> </a> <div class="carousel-caption"> <p>a fuckin' family!</p> <p><a href="http://www.joshmcquiston.com";>Josh McQuiston »</a></p> </div> </div> <div class="item"> <a href=""> <img src="img/moving-truck.png" alt="Carina Caterpillar" /> </a> <div class="carousel-caption"> <p>Let's hotbox this son'bitch.</p> <p><a href="http://www.joshmcquiston.com";>Josh McQuiston »</a></p> </div> </div> </div> <!-- Carousel nav --> <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a> </div> </div><!--span6--> ******** le javascript ********* <!-- Le javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="js/bootstrap-transition.js"></script> <script src="js/bootstrap-alert.js"></script> <script src="js/bootstrap-modal.js"></script> <script src="js/bootstrap-dropdown.js"></script> <script src="js/bootstrap-scrollspy.js"></script> <script src="js/bootstrap-tab.js"></script> <script src="js/bootstrap-tooltip.js"></script> <script src="js/bootstrap-popover.js"></script> <script src="js/bootstrap-button.js"></script> <script src="js/bootstrap-collapse.js"></script> <script src="js/bootstrap-carousel.js"></script> <script src="js/bootstrap-typeahead.js"></script> -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
