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.
