javascript - Bootstrap Carousel fails to slide -
here's code have, i'm not sure why carousel isn't working. previous/next buttons don't work , slides wouldn't automatically slide. used on safari 7.0.6
<!-- carousel
============================================-->
<div id="mycarousel" class="carousel slide" data-ride="carousel"> <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> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="img/slide 1.jpg" alt="image"> <div class="container"> <div class="carousel-caption"> <h1>heading</h1> <p>paragraph</p> <p><a class="btn btn-large btn-primary" href="http://pmilessyr.github.io/index.html">link</a></p> </div> </div> </div> <div class="item"> <img src="img/slide 2.jpg" alt="image"> <div class="container"> <div class="carousel-caption"> <h1>heading</h1> <p>paragraph</p> </div> </div> </div> <div class="item"> <img src="img/slide 3.jpg" alt="image"> <div class="container"> <div class="carousel-caption"> <h1>heading</h1> <p>paragraph</p> </div> </div> </div> </div> <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <script src="js/jquery-2.1.1.js"></script> <script src="js/bootstrap.js"></script> <script src="javascripts/scale.fix.js"></script>
it depends on error throwing. tried out code putting in cdns , images , works fine. html carousel portion looks fine.
- you calling static libraries in script sources make sure files there or use sites cdn. ex: http://jquery.com/download/
provide more information error throwing if can.
Comments
Post a Comment