Ah, it's always something annoyingly simple like that! Glad you're up and running.
On Tuesday, May 21, 2013 12:48:37 AM UTC+1, Joshua Mcquiston wrote: > > 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] > <javascript:>>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] <javascript:>. >> 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.
