Once you have both of those referenced (remembering that jQuery needs to be listed first) you also need to call the carousel via javascript to make it work. (http://twitter.github.io/bootstrap/javascript.html#carousel) ie, you need to initialise the carousel to start it running, and tell it how fast to go. $('.carousel').carousel() will get it going with the default settings.
On Saturday, May 18, 2013 7:50:33 PM UTC+1, Joshua Mcquiston wrote: > > 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.
