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.

  1. 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

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - Bypass Geo Redirect for specific directories -

php - .htaccess mod_rewrite for dynamic url which has domain names -