Thanks for your help. I've done that, but it still is not working. I have both bootstrap.min.js, and jquery-1.7.2.min.js in my js folder and both are called in the index file. I also tried calling it with Google's CDN: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
Either way, does not work. Any other suggestions? On Saturday, May 18, 2013 10:26:16 AM UTC-7, iange87 wrote: > > You haven't included jQuery. TWBS needs that to work. Place it in your > code *before* the other js files. Plus, you're referencing a load of > files you don't have (and don't need to reference). So, get rid of all of > the <script> tags bar one and change it to bootstrap.min.js - this file > includes ALL the separate ones you have above. > > On Thursday, May 16, 2013 5:18:04 AM UTC+1, Joshua Mcquiston wrote: >> >> 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.
