may be because you are initiating carousel before loading js. do this
> <!-- Footer > ================================================== --> > > <footer class="footer"> > <p>...some text...</p> > </footer> > > </div> <!-- /container --> > > <!-- Le javascript > ================================================== --> > <!-- Placed at the end of the document so the pages load faster --> > <script type="text/javascript" > src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";></script> > <script src="js/bootstrap-carousel.js"></script> > <script src="js/bootstrap-transition.js"></script> > <script src="js/bootstrap-dropdown.js"></script> > > > > <script type="text/javascript"> $(document).ready(function(){ $('#myCarousel').carousel({ interval: 3000 }); }); </script> -- Anand Anjaria Sent with Sparrow (http://www.sparrowmailapp.com/?sig) On Sunday, February 12, 2012 at 12:47 PM, Henry Finkelstein wrote: > I'm totally new at this, so this question is mostly just to understand. On > the Boostrap page > (http://twitter.github.com/bootstrap/javascript.html#carousel) the source > code shows that the javascript files are loaded at the bottom of the page for > page load performance reasons. > > For some reason, when I load the javascript at the top, the images > automatically transition based on the timing that I set. As soon as I move > the javascript references to the bottom (see below), all js works except that > the slides no longer transition automatically. Any thoughts as to why that > may be the case? > > <!-- Footer > ================================================== --> > > <footer class="footer"> > <p>...some text...</p> > </footer> > > </div> <!-- /container --> > > <!-- Le javascript > ================================================== --> > <!-- Placed at the end of the document so the pages load faster --> > <script type="text/javascript" > src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";></script> > <script src="js/bootstrap-carousel.js"></script> > <script src="js/bootstrap-transition.js"></script> > <script src="js/bootstrap-dropdown.js"></script> > > </body> > </html> > > > >
