Thanks for your help, I got it working. As it turns out, my error was all because of a typo in my bootstrap.min.js filename(I typed it boostrap-min.js.) But it's good to know there are helpful people like you out there when I need some help!
On Mon, May 20, 2013 at 9:13 AM, iange87 <[email protected]> wrote: > 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 <http://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<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<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 <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<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<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<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 a topic in the > Google Groups "twitter-bootstrap" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/twitter-bootstrap/ORBqjopdaj0/unsubscribe?hl=en > . > To unsubscribe from this group and all its topics, send an email to > [email protected]. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- 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.
